php - Cascading Select Boxes - Jquery -


having problem dynamically populated select boxes using jquery.

basically, code calls php script populates select box (utilitymainchart). let's brings 2 options the select box utilitymainchart, want next select box (parametermainchart) populated options whichever option first in utilitymainchart select box.

as right now, select boxes populate initially, line var building = $('#utilitymainchart').val(); never returns value of select box. means change select box result in ones below becoming blank, since no value picked up.

my code javascript shown below:

var data = "1" + "_" + building + "_"; var url = "/charts/data/utilitymanagermenupopulate.php?data=" + data; $('#utilitymainchart').load(url);  var building = $('#utilitymainchart').val(); var data = "2" + "_" + building + "_" + utility; var url = "/charts/data/utilitymanagermenupopulate.php?data=" + data; $('#parametermainchart').load(url); 

my php code returns data in form:

<select id="utilitymainchart" name="utilitymainchart">     <option selected value=1>electricity</option>     <option value=3>water</option> </select> 

any advice awesome. i've been playing around hours , can't work

try changing

var building = $('#utilitymainchart').val(); 

to

var building = $('#utilitymainchart :selected').val(); 

edit: #utilitymainchart not unique id on both select , selects containing div. when run above code gets div. if try help.

var building = $('select#utilitymainchart').val(); 

Comments

Popular posts from this blog

apache - Add omitted ? to URLs -

redirect - bbPress Forum - rewrite to wwww.mysite prohibits login -

php - How can I stop spam on my custom forum/blog? -