Submit one select field in ajax (not entire form) to get it's value and filter another select in php on same page -


it's first programming experience in ajax (or jquery) appreciate kind of help. trying have 2 select inputs in html form want when first select changed (onchange) have value use filter second select in php dynamically generate options, must happen without submitting entire form first select. tried following code whenever first select changes submit entire form. ajax function:

function showkadaa(str) { if (str=="") { document.getelementbyid("txthint").innerhtml=""; return; }  if (window.xmlhttprequest) {// code ie7+, firefox, chrome, opera, safari xmlhttp=new xmlhttprequest();   } else {// code ie6, ie5 xmlhttp=new activexobject("microsoft.xmlhttp"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readystate==4 && xmlhttp.status==200) {    document.getelementbyid("kop").innerhtml=xmlhttp.responsetext; } } xmlhttp.open("get","annonce.php?mid="+str,true); xmlhttp.send(); }   

the html code portion php:

<?php if(isset($_get['mid'])) $q=$_get['mid']; else $q=$_session['mid'];?>  //code goes here  <tr><td>kadaa:</td><td><div id="kop"><select name="kadaa" id="kad" ><option value="default">[choisir     kadaa]</option>  <?php             if(login_db()){                                      $req="select `nom_kadaa`,`id` `kadaa` `id_mohafaza`=".$q."";                  echo $req;                 $kadaa="";                 if($res=mysql_query($req)){                     while($l=mysql_fetch_array($res)){                         echo "<option value=".$l[1].">".$l[0]."</option>";                     }                                        }             }                        ?> </select></div></td></tr> 

p.s: ever put div of id="kop"
entire page submited in it. thing using 2 select on same page

form action="<?php echo $_server['php_self'];?> 

for getting on field value: jquery love use

$("#idofelement").val(); 

by way, jquery has lot more handy methods ajax:

$.ajax({   type: "post",   url: "some.php",   data: { name: "john", location: "boston" } }).done(function( msg ) {   alert( "data saved: " + msg ); }); 

Comments

Popular posts from this blog

django - How can I change user group without delete record -

java - Need to add SOAP security token -

java - EclipseLink JPA Object is not a known entity type -