PHP/Javascript Question

pug

I have a drop down in a form that is populated with php.

The name of each option being the ID from the database and what is shown on the drop down is the name from the database.

What I want to do is be able to select something from that drop down and the automatically update the text boxes below with the rest of the information about that particular selected object.

This is creating an edit program basically. Using the onChange I guess for the select but how do I get the javascript to spit out the php variables?

Here is the link to the actual form.

http://www.fragaddicts.com/pug/admin/updatelinks.php

diego25

What I'd do is create 2 frames. The top frame has the drop down menu, and when the onchange triggers, it will load the edit page in the bottom frame. So (I think) it'd be something like this:

onchange="parent.bottomFrame.location.href = 'edit.php?id=' + this.options[this.selectedIndex]"

Diego

pug

I was hoping there was/is an easier solution so I don't have to make two pages/frames, cause I hate frames

feldon23

Not sure what frames has to do with anything.

The code to my select (dropdown) menus is:

<select name="test" onchange="window.location=('{$php_self}?test=' + this.options[this.selectedIndex].value)">

The page will then automatically refresh every time you pick something from a dropdown menu.

Then you just need to do IF statements depending on what $_GET['test'] is set to.

if ($_GET['test'] == '1') {
  FORM CONTENTS for SETTING 1
} elseif ($_GET['test'] == '2') {
  FORM CONTENTS for SETTING 2
}

daveyboy

you can't get javascript to spit out PHP variables, but you can get PHP to spit out javascript.

i think you need to use javascript to change the form dynamically, but PHP to generate this javascript.

tbach2

It is possible to submit and receive information without redrawing the page, but at the expense of backward incompatability. if you're not worried about that, here's an example using xmlHttpRequest, but it won't work on older browsers.

Really, the best thing to do is to have the script call itself and add in the extra information if $id is present. (feldon23's example)

HTH

daveyboy

Originally posted by tbach2
Really, the best thing to do is to have the script call itself and add in the extra information if $id is present. (feldon23's example)
HTH

this is the only way to ensure browser compatibility. you can do it in javascript, but it would be a right royal pain in the arse to get it to work with all browsers, and then there are those people who turn js off.

go with tbach2 and feldon23.

Merve

I'm a newbie, so I probably don't know what I'm talking about, but I think I may have the answer. What you do is using JavaScript, you pass a variable to a hidden input. I know it sounds dumb, but I used this technique on my website, except for that the input wasn't hidden.

Here's a simple example that you may be able to apply to your website. I put 'blah' for a lot of things because I am unoriginal.

First page -

<html>
<head><title>Blah!</title>
<script language="JavaScript">
<!--
var a = "blah";
function bloo () {
window.document.blahform.blahfield.value = a;
}
//-->
</script>
</head>
<body onLoad="bloo ()">
<form name="blahform" action="blahfun.php" method="post">
<input name="blahfield" type="hidden">
<input type="submit" value="Submit">
</form>
</body>
</html>

Second page-

<html>
<head><title>More blahs!</title></head>
<body>
<?php
print ("$blahfield");
//outputs blah, the value of var a in the JavaScript page
?>
</body>
</html>

I hope that this helps!