如何得到select option中的显示值

如何得到select option中的显示值

html 片段

     <select class="form-control input-sm" id="materialType2" name="materialType2" >
            <option value="">---请选择---</option>
            <option value="SG01" selected="">通信设备安装工程施工</option>
            <option value="SG02">电源设备安装工程施工</option>
            <option value="SG03">传输管线施工</option>
            <option value="SG04">集团客户接入施工</option>
            <option value="SG05">总承包施工</option>
            <option value="SG06">WLAN工程施工</option>
            <option value="SG07">铁塔施工</option>
            <option value="SG08">其他通信工程施工</option>
        </select>

<!-- 将下拉选中值赋值到td-->
  <tr>
       <td class="text-center" width="200">二级物资类型</td>
       <td class="text-left bg-white" id="td_materialType2" ></td>
  </tr>

script 片段

  //selectId  为下拉框的id  tdId 为表格单元格id
    function td_material_init(selectId,tdId){
        let val=document.getElementById(selectId);
        let selectInd=val.selectedIndex; //取到选中的下标

        $("#"+selectId+" option").each(function(index,domOut){
            if(index==selectInd){
                // 得到这个下标的值
                let val = $(domOut).text();
                $("#"+tdId).html(val);
            }
        });
    }

	
	//使用时调用
  td_material_init("materialType2","td_materialType2");