I need suggestion for this.After a particular option selection in my page,how to replace the rest of the contents of the same page with its response,and too making the select action invisible... can i do it using ajax wit html...
for example,i have a select option,where for each option is attached a new set of objects,i want them to be loaded on the same page at run time,without page refresh... plz help me..


8 Years
Discussion Span
Last Post by noelthefish

Yes you can do this with AJAX and Javascript. All you would do is include an event with the HTML.

Here is a quick example.


<select name="form_option" id="form_option" onchange="check('form_value');">
<div id="thischanges">

Javascript funtion

<script language="javascript" type="text/javascript">
function getHTTPObject(){
      if (window.ActiveXObject) return new ActiveXObject("Microsoft.XMLHTTP");
      else if (window.XMLHttpRequest) return new XMLHttpRequest();
      else {
      alert("Your browser does not support AJAX.");
      return null;
      // Change the value of the outputText field}

function setCheck(){
	if(httpObject.readyState == 4){
	document.getElementById('thischanges').innerHTML = httpObject.responseText;



function check(form_check){

	httpObject = getHTTPObject();

    if (httpObject != null) {
		httpObject.open("GET", "check.php?formid=" + document.getElementById('form_check').value, true);
     	httpObject.onreadystatechange = setCheck;


then in your check.php or whatever language you are using you would set up all the HTML/Form code that you would want to return.
You can set this all up in a variable and then apply that to a DIV with an ID or anything else you fancy.

If you want more information drop me an email and I will give you a detailed breakdown of the code.

You should also have a look at JQuery as this has been developed with the intention of making forms and data dynamic without reloading the page. It is a free program and it is getting more popular as people demand the functionality that you are looking for.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.