Jump to content

Get value of Form Element - without clicking on submit button


jimsanghvi@hotmail.com

Recommended Posts

 

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>

 

 

 

 

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"];

 

?>

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.