首页 > 其他 > 详细

select选择多个值的方式

时间:2018-04-16 18:15:35      阅读:234      评论:0      收藏:0      [点我收藏+]
  • 代码:
    <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选择多个值的方式

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

    (0)
    (0)
       
    举报
    评论 一句话评论(0
    关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
    © 2014 bubuko.com 版权所有
    打开技术之扣,分享程序人生!