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
Post a Comment