原生select 动态渲染option,获取option的value值

1.在html里首先写个selcet标签 

 <select class="combobox form-control"  name="goodsTypeId" id="goodsTypeId" >
                            
 </select>

2.拿到后端返回的list,然后循环,动态生成option 

if(res.code=== 0){
     var optionList = res.data;//接口获取到的list
     var option= '';
     for (var i=0;i<optionList.length;i++){
         option += "<option value=\""  + optionList[i].goodsTypeId + "\">" +             
                    optionList[i].goodsTypeName + "</option>";
          $("#goodsTypeId").html("<option value=''  >请选择</option>"+option);
                        }
 }else{
       cosole.log('报错信息')
  }

3.获取option的值

 var sel = document.getElementById("goodsTypeId"); //拿到select
 sel.onchange = function () {
      var index = this.selectedIndex;
      console.log('商品类型===', this.value);
      console.log('选择===',this.options[index].text);  //
    }

简单吗,简单,但是框架用多了,总会忘记原生的写法,忘记原生的处理方法,浪费时间,唉

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值