获取select文本框的下拉菜单文字内容的两种方式

 1 <body>
 2     <div class="box">
 3         <select id="sel">
 4             <option value="">我是一号</option>
 5             <option value="">我是二号</option>
 6             <option value="">我是三号</option>
 7             <option value="">我是四号</option>
 8         </select>
 9     </div>
10     <script src="./jquery.min.js"></script>
11     <script>
12         sel.onchange = function () {
13             console.log(this.selectedIndex)//获取每个option下标
14             console.log(this.options[this.selectedIndex].innerText)//获取每个option文本值
15 
16             //下面是jQuery获取下拉菜单文本框的值
17             console.log($("#sel option:selected").text())
18         }
19 
20 
21 
22     </script>
23 </body>

一条不甘于平凡的咸鱼分享