select

<select multiple>
    <option value="1">1</option>
    <option value="2">2</option>
</select>
<script>
      var select = document.querySelector('select');
      //select.options[1].selected=true;
      select.onchange = function(){
          //获取单选
              //1.直接从select上获取当前选中的值
              this.value;
              //2.获取当前选择的option
              var text =  select.options[select.selectedIndex].text; // 选中文本
              var value =  select.options[select.selectedIndex].value; // 选中值
              //3.从选中集合获取第一个即可
              select.selectedOptions[0].value
          //获取多选
              var valArr=[];
              //已选中的已经有选中集合了, 不用再判断,直接取值即可
              for(var i=0;i<select.selectedOptions.length;i++){
                valArr.push(select.selectedOptions[i].value);//这里value为选中值。改为text为选中文本
              }
              console.log(valArr)
      }
     

prop