码迷,mamicode.com
首页 > 其他好文 > 详细

文本框实现下拉列表联动

时间:2017-09-08 18:19:47      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:mini   indexof   监听   选项   iss   lan   move   列表   技术   

  昨天做了一个文本框过滤下拉列表选项的东西,技术不复杂,记录下来一遍提高再使用效率。

  

 $(‘#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)

文本框实现下拉列表联动

标签:mini   indexof   监听   选项   iss   lan   move   列表   技术   

原文地址:http://www.cnblogs.com/ruiqingliang/p/7495339.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!