文本框实现下拉列表联动
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了文本框实现下拉列表联动相关的知识,希望对你有一定的参考价值。
昨天做了一个文本框过滤下拉列表选项的东西,技术不复杂,记录下来一遍提高再使用效率。
$(‘#searchOption‘).keyup(function(){ var val = $(‘#searchOption‘).val() $("#editable-select option").remove() ITEMS= ["Alfa Romeo", "Audi", "BMW", "Citroen", "Fiat", "Ford", "Jaguar", "Jeep", "Lancia", "Land Rover", "Mercedes", "Mini", "Nissan", "Opel", "Peugeot", "Porsche", "Renault"] $.each(ITEMS, function(i, item) { console.log(item+"-"+val+"-"+item.indexOf(val)) if(item.indexOf(val) != -1){ $(‘#editable-select‘).append(‘<option value="">‘+ item + ‘</option>‘); } })
在文本框的onkeyup事件上做监听,动态的操作select的选项,做到过滤
svn up -r 1234 item.py (tc)
以上是关于文本框实现下拉列表联动的主要内容,如果未能解决你的问题,请参考以下文章