通过text输入框找到select中的项，-JavaSript-爱易网页

通过text输入框找到select中的项，

日期：2014-05-16　浏览次数：20478 次

通过text输入框找到select中的项，急，在线等。。。

<html >

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<SCRIPT language=javascript>

function getselect()

{

	......

}

</SCRIPT>

</head>

<body>

<form id="form1" name="form1" method="post" action="search.asp">

  <select name="dept">

    <option value="">请选择店</option>

    <option value="001001">天河北店</option>

	<option value="001023">新兴商场店</option>

	<option value="001024">黄石路店</option>

	<option value="001029">时代广场店</option>

	<option value="002002">番禺新市店</option>

	<option value="002005">白云新市店</option>

	<option value="002021">市一宫店</option>

  </select> <input type="text" name="mykey" size="5" onBlur="getselect()">

</form>

</body>

</html>

问题：如何编写JS来实现通过输入框mykey输入dept的text关键字，光标移开后，选中dept的相应项？
例如：输入“黄石”，即可在dept中选中<option value="001024">黄石路店</option>。如果找关键字找不到，则什么也不选。

------解决方案--------------------



<html >

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<SCRIPT language=javascript>

function getselect(obj){

    var select = document.getElementById('dept');

    var len = select.options.length;

    var inputValue = obj.value;

    for(var i=0;i<len;i++){

        var option = select.options[i];

        if(option.innerHTML == inputValue){

            option.selected = "selected";

            break;

        }

    }

}

</SCRIPT>

</head>

<body>

<form id="form1" name="form1" method="post" action="search.asp">

  <select name="dept" id="dept">

    <option value="">请选择店</option>

    <option value="001001">天河北店</option>

    <option value="001023">新兴商场店</option>

    <option value="001024">黄石路店</option>

    <option value="001029">时代广场店</option>

    <option value="002002">番禺新市店</option>

    <option value="002005">白云新市店</option>

    <option value="002021">市一宫店</option>

  </select> <input type="text" name="mykey" size="5" onBlur="getselect(this)" id="mykey">

</form>

</body>

</html>

------解决方案--------------------
额。。。要得到你的效果貌似要改改。。



        if(option.innerHTML.indexOf(inputValue)!=-1)

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

通过text输入框找到select中的项，

相关资料更多>

推荐阅读更多>