javascript - Get values from ajax to php -
i have problem on getting value drop down on changing option html form php variable.and here have change second drop down option based upon first drop down.i want value of first drop down on change in php variable.....thanks in advance
this js coding
<script type="text/javascript"> function select_area(area_id){ if(area_id!="-1"){ load_data('layout',area_id); }else{ $("#layout_dropdown").html("<option value='-1'>---select area first---</option>"); } } function load_data(load_type,load_id){ var datastring='load_type='+load_type+'&load_id='+load_id; $.ajax({ type: "post", url: "load2.php", data: datastring, cache: false, success: function(result){ $("#"+load_type+"_dropdown").html("<option value='-1'>select "+load_type+"</option>"); $("#"+load_type+"_dropdown").append(result); } }); } </script>
and html form coding,
<tr> <td width="120"><strong>select area name</strong></td> <td><select id="area_dropdown" onchange="select_area(this.options[this.selectedindex].value)" name="area" style="width:150px"><option value="-1">----select area----</option> <?php while($row_area=mysql_fetch_array($res_area)) { ?> <option value=<?php echo $row_area['a_id'];?>><?php echo ucwords($row_area['a_name']);?></option> <?php } ?> </select> </td> </tr> <tr> <td width="120"><strong>select layout name</strong></td> <td><select id="layout_dropdown"name="layout" style="width:150px"> <option value="-1">---select layout---</option> </select> </td> <td> <input type="submit" value="find"/> <?php echo $_post['area'];print_r($data); ?> </td> </tr>
try following :
function load_data(load_type,load_id) { $.ajax({ type: "post", url: "load2.php", data: { 'load_type': load_type, 'load_id': load_id }, cache: false, success: function(result) { if(result.length > 0) $("#"+load_type+"_dropdown").html("<option value='-1'>select "+load_type+"</option>"+result); } }); } $(document).ready(function() { $("#area_dropdown").change(function() { var id = parseint($(this).val()); if(id != -1) { load_data('layout',id); } }); });
and remove onchange property :
<select id="area_dropdown" onchange=
Comments
Post a Comment