下拉框的查询问题，急，请多多指教？

[tsyd]

我需要这样的功能，一个文本框后面跟一个下拉框，下拉框里面有很多条数据，我需要在文本框中输入内容的自动在下拉框中显示。

[easyreal]

<input type="text" size="12" onKeyUp="selectOption(this)"></input>
<select id="select1" size="1" style="width:100">
<option value="1">西瓜</option>
<option value="1">萝卜</option>
<option value="1">苹果</option>
<option value="1">白菜</option>
</select>

<script language="javascript">
<!--
function selectOption (obj) {
var sValue = obj.value;
var oSelect = document.all("select1");
var sText;
for(var i=0; i<oSelect.options.length; i++) {
sText = oSelect.options[i].text;
if(sText == sValue) {
oSelect.selectedIndex = i;
break;
}
}
}
//-->
</script>

[tsyd]

谢谢，我要的就是这中功能，但是我想在文本框里面写个“西”字，“西瓜”就出现了。

[huhanshan013]

收藏

[boneeater]

对easyreal(阿道) 的程序稍加改进...
<input type="text" size="12" onblur="selectOption(this)"></input>
<select id="select1" size="1" style="width:100">
<option value="1">西瓜</option>
<option value="1">萝卜</option>
<option value="1">苹果</option>
<option value="1">白菜</option>
</select>

<script language="javascript">
<!--
function selectOption (obj) {
var sValue = obj.value;
var oSelect = document.all("select1");
var sText;
for(var i=0; i<oSelect.options.length; i++) {
sText = oSelect.options[i].text;
if(sText == sValue) {
oSelect.selectedIndex = i;
break;
}
if(i==oSelect.options.length-1)
{
var newOption=document.createElement("option")
newOption.text = sValue ;
newOption.value = sValue ;
newOption.selected="true";
oSelect.add(newOption);
}
}
}
//-->
</script>