1. 程式人生 > >文本框實現下拉列表聯動

文本框實現下拉列表聯動

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)

文本框實現下拉列表聯動