select選擇多個值的方式

  1. 代碼:
    <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>
  2. 效果:
    select選擇多個值的方式
    select選擇多個值的方式

標(biāo)題名稱:select選擇多個值的方式
新聞來源:http://muchs.cn/article36/jioipg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站網(wǎng)站導(dǎo)航、網(wǎng)站維護全網(wǎng)營銷推廣、面包屑導(dǎo)航網(wǎng)站營銷

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化