Question

一个初级的 ajax 问题！！

一个表单里有一个文本框和一个下拉菜单，在文本框中输入数据后失去焦点，然后用ajax调用其他文件，比如另一个php文件，比如，我在文本框里输入0.1，php文件里写的也是0.1，那么列表0.1怎么才能被选择中？
<script type="text/javascript">
function showHint(str)
{
var xmlhttp;
if (str.length==0)
{
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").options.selected.value=xmlhttp.responseText;
}//这行有问题，高手解决
}
xmlhttp.open("GET","test.php",true);

xmlhttp.send();
}
</script>

Answer 1

p这句肯定是有问题的document.getElementById("txtHint").options.selected.value=xmlhttp.responseText;

首先..xmlhttp.responseText; 你可以返回json数据
var data=eval(xmlhttp.responseText);
然后处理select
var sel=document.getElementById("txtHint");
for(var i=0,len=data.length;i<len;i++){
sel.options[i]=new Option(data['key'],data['v']);

}

这样就行了

Answer 2

最简单的是
document.getElementById('xtHint').value = xmlhttp.responseText;

或者如果是要比较的不是value而是显示的文本， 用下面这个
var el = document.getElementById('xtHint');

for(var i = 0; i < el.length; i++){
if(el.options[i].text == xmlhttp.responseText){
el[i].selected = true;
}
}
相信你能看懂这段代码