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

2020-05-27  本文已影响0人  noyanse

靠,不想说了
给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')
上一篇下一篇

猜你喜欢

热点阅读