美文网首页
原生js给select,checkbox,radio设置值

原生js给select,checkbox,radio设置值

作者: noyanse | 来源:发表于2020-05-27 21:13 被阅读0次

    靠,不想说了
    给select直接设置value不行
    给option设置selected不行
    非要给option setAttribute 才可以
    气死了

            if (selectNode.length > 0) {
              // selectNode[0].value = defaultChoice[0]
              // selectNode[0].setAttribute('value', defaultChoice[0])
              this.setSelectDefaultValue(selectNode[0], defaultChoice[0])
          }
        setSelectDefaultValue (select, checkValue) {
          for (let i = 0; i < select.options.length; i++) {
            if (select.options[i].value === checkValue) {
              // select.options[i].selected = true
              select.options[i].setAttribute('selected', true)
              break
            }
          }
        },
    

    如果用vue给select设置默认属性的话,给select增加一个v-mode

    <select
        v-model="selVal">
        <option
                v-for="item in optioList"
                :key="item.value"
                :value="item.value">
                      {{item.label}}
                 </option>
    </select>
    
    // selVal可一动态配置
    this.selVal = check ? check.value : ''
    

    原生js给checkbox 和radio设置值

     inputNode[0].setAttribute('checked', 'checked')
    

    相关文章

      网友评论

          本文标题:原生js给select,checkbox,radio设置值

          本文链接:https://www.haomeiwen.com/subject/omwgahtx.html