文本框与下拉链表的组合,该如何处理-JavaSript-爱易网页

文本框与下拉链表的组合,该如何处理

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

文本框与下拉链表的组合
请问一下各位大神，在jsp页面的一个表单中，有两个输入框，我想让两个输入框都只需输入部分内容，下拉链表会出现相关具体内容。类似于火车票订票系统输入站点时的提示。。。

------解决方案--------------------
进去点击上面的Downloads下载方法代码，效果在文本框上随便输入点上面就看到了
------解决方案--------------------
至于怎么用，你得靠自己研究了，他代码例子都在上面写的很清楚，这个可不是简单几句就能说完的，比较麻烦，要动态查询后台在返回在输出，所以，你好好研究吧~
------解决方案--------------------
或者这个
------解决方案--------------------

HTML code

<html>
<head>
<script type="text/javascript">
function selectOne(myselectid,keywords)//参数myselectid是select的id，参数keywords输入的keyword
{  
    keywords = keywords.replace(/ /g,""); //去掉空格
    var myselect = document.getElementById(myselectid); //得到select对象
    for(i=0;i<myselect.length;i++)// 循环option
    {
        if(myselect.options[i].text.indexOf(keywords)!=-1) //判断option的text是否包含keyword
        {
            myselect.options[i].selected=true;//选中
            break;
        }
        else
        {
            myselect.options[i].selected=false; //不包含keywords的取消选中
        }
    }
}
</script>
</head>
<body>
<input id="input_text" type="text" onkeyup="selectOne('select_by_input',document.getElementById('input_text').value)"></input>
<select id="select_by_input">
    <option>请选择......</option>
    <option>文本框与下拉列表的组合</option>
    <option>不包含keywords的取消选中</option>
    <option>Java编程思想第四版</option>
    <option>判断option的text是否包含keyword</option>
    <option>参数myselectid是select的id</option>
    <option>得到select对象</option>
    <option>去掉空格</option>
    <option>循环option</option>
</select>
</body>
</html>

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

文本框与下拉链表的组合,该如何处理

相关资料更多>

推荐阅读更多>