Ajax

itHighway · April 2nd, 2009, 12:55 AM

Using Ajax below is how we create HTML SELECT box.

Quote:

if (xmlHttp.readyState == 4)
{
if (xmlHttp.status == 200)
{
var result = xmlHttp.responseText;
var values = result.split("|");

for (var i=0; i<values.length; i++)
{
var newOption = document.createElement('option');
newOption.value = values[i];
newOption.text = values[i]; // Mozilla specific
document.myForm.lngCityId.appendChild(newOption);
}

document.myForm.lngCityId.focus();

}
}

What is the procedure of creating CHECK BOXES?? I want to show City name along with checkbox.

joefawcett · April 2nd, 2009, 04:06 AM

I don't see that this is an Ajax question at all but on most modern browsers (there used to be a problem with IE over this) you can do something like:

Code:

for (var i=0; i<values.length; i++)
{
  var chk = document.createElement("input");
  chk.type = "checkbox";
  var id = "chkCity" + i;
  chk.id = id;
  chk.name = id;
  document.myForm.lngCityId.appendChild(chk);
  var lbl = document.createElement("label");
  label.innerHTML = values[i];
  label.htmlFor = id;
  document.myForm.lngCityId.appendChild(lbl);
}

You may also need to create and append a br element depending on the layout you want.