文本框實現下拉列表聯動
阿新 • • 發佈:2017-09-08
function on() ole -1 nbsp val edit end col
昨天做了一個文本框過濾下拉列表選項的東西,技術不復雜,記錄下來一遍提高再使用效率。
$(‘#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)
文本框實現下拉列表聯動