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

select选择多个值的方式

时间:2018-04-16 18:31:47      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:select选择多个值的方式

  • 代码:
    <select>
    <option value>请选择...</option>
    </select>
    <script>
    var $arr = [
        {name:‘lee‘,sex:‘male‘},
        {name:‘zhangsan‘,sex:‘femal‘}
    ]
    var select = document.getElementsByTagName(‘select‘)[0]
    function render(arr){
        var str = ‘‘
        for(var i in arr){
            var name = arr[i][‘name‘]
            var sex = arr[i][‘sex‘]
            str += "<option value=‘"+name+";"+sex+"‘>"+name+"</option>"
        }
        select.innerHTML += str
    }
    select.onchange = render($arr)
    </script>
  • 效果:
    技术分享图片
    技术分享图片
  • select选择多个值的方式

    标签:select选择多个值的方式

    原文地址:http://blog.51cto.com/12173069/2104055

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