select option trouble

[ernestop74]

Hi, i have a problem. I have 2 select-option labels both are dinamic and i want both are kind of attach, i.e, when I click one, the other shows the data related to the first choice.
Example (let's say we have this part written in a html doc):

<select name="city">
<option value="1">Miami</option>
<option value="2">New York</option>
</select>

Now, i want to choose a city and then have another <select><option> thingie, where i can choose the shops in that city.

I built the 2 <select><option> but i can't do both get attached.
Even in the example the data used to fill "city" is static, i want mine be dinamic.
I need some help.

[paulnaj]

Ok.

PHP delivers HTML to the browser. The script is run at the server-side. You cannot run PHP on the client-side (the user's browser).

So, if you want to 'build' a 2nd Select Box, that depends on a 1st Select Box then there are two possibilities:

I assume that you are selecting an item in the 1st box and then clicking a button to 'accept' the choice. Also, the both select boxes are elements of a form.

You could do ....

1) Use javascript (client-side script) to update/display the 2nd select box.

Or ...
2) Submit the form back to the current page, along with the value in the 1st select box, and redraw the page ... including the appropriate 2nd Select Box.

[ernestop74]

Ok, i got the idea, but what about if i don't use an accept button?, i.e, I choose the first select box and I want the second select box "automaticly" refresh with the related data.

Thank you.

[paulnaj]

Yes, there's an 'onChange' event for the select box that can be used.

Try this ...

<form id="fred" method="post" action="<?=$_SERVER['PHP_SELF']">
<select name="bill" onchange="document.getElementById('fred').submit();">
<option value="1">Opt 1</option>
<option value="2">Opt 2</option>
</select>
</form>

BTW ... I think the following would work as well ... but you'd need to check ... haven't got time at the moment ...

onchange="this.form.submit();"

... but the 1st version should definitely work.

[Omegon]

I am having the same problem and i havnt fixed it, so if you find the solution ernestop74, could you please post it with some comment?

Cheers Omegon Lightbringer

[Omegon]

k, i found a solution,you can intigrate this in php by echoing the variable information into the java script.

http://www.javascriptkit.com/script/cut183.shtml

there is an example of the code for dynamic comboboxes who are linked together.

myself, i am going to change this part with php code

---

group[0][0]=new Option("JavaScript Kit","http://javascriptkit.com")
group[0][1]=new Option("News.com","http://www.news.com")
group[0][2]=new Option("Wired News","http://www.wired.com")

group[1][0]=new Option("CNN","http://www.cnn.com")
group[1][1]=new Option("ABC News","http://www.abcnews.com")

group[2][0]=new Option("Hotbot","http://www.hotbot.com")
group[2][1]=new Option("Infoseek","http://www.infoseek.com")
group[2][2]=new Option("Excite","http://www.excite.com")

group[2][3]=new Option("Lycos","http://www.lycos.com")

if you want ill post my complete code when im done.

[paulnaj]

Have you check that 'new Option()' in all the browsers ... I have a horrible suspicion that there at least one that doesn't work.

P.

[Omegon]

i checked it in mozilla, ie and netscape and it worked just fine (still working on the php commination 🙂)