jimsanghvi@hotmail.com Posted September 2, 2011 Share Posted September 2, 2011 Dear All I have a form say i have selected Volva from drop down box . So without clicking on submit button when i move to next field that is `<input>` the value that is volva should get store in php variable <html> <body> <form action=""> <select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">Fiat</option> <option value="audi">Audi</option> </select> <input type="text" name="abc" /> </form> </body> </html> Quote Link to comment Share on other sites More sharing options...
mjahkoh Posted September 2, 2011 Share Posted September 2, 2011 u can do that using ajax Quote Link to comment Share on other sites More sharing options...
mjahkoh Posted September 2, 2011 Share Posted September 2, 2011 I have two files here 1) order.html <html> <head> <script type="text/javascript"> function showUser(str) { if (str=="") { document.getElementById("txtHint").innerHTML=""; return; } if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("txtHint").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","getuser.php?q="+str,true); xmlhttp.send(); } </script> </head> <body> <form> <select name="users" onChange="showUser(this.value)"> <option value="">Select a person:</option> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">Fiat</option> <option value="audi">Audi</option></select> </form> <br /> <div id="txtHint"><b>Selected car will be listed here.</b></div> </body> </html> 2) getuser.php <?php echo "selected car is: ".$_GET["q"]; ?> Quote Link to comment Share on other sites More sharing options...
AyKay47 Posted September 2, 2011 Share Posted September 2, 2011 I recommend using jquery's AJAX API for this.. you should be using the onblur event here.. or in jquery.. .blur() Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.