Javascript获取select的选中值和选中文本
生活随笔
收集整理的這篇文章主要介紹了
Javascript获取select的选中值和选中文本
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
var obj = document.getElementByIdx_x(”select_id”); //selectid var index = obj.selectedIndex; // 選中索引 var text = obj.options[index].text; // 選中文本 var value = obj.options[index].value; // 選中值 JS如何取得SELECT選中的值(不是Value屬性)? <select name="JobName" id="JobName" onChange="changvalue(this.value)">
??????? <option value="28838">銷售工程師</option>
??????? <option value="23343">項目總監</option>
??????? <option value="12434">商務代表</option>
??????? <option value="28734">銷售主任</option>
??????? <option value="28779">高級外貿跟單文員</option>
</select> 如下,我在JS中如何取得這個列表的選擇項(不是Value屬性),onChange="changvalue(this.value)",用這個得到的是value屬性,也就是數字,如果我要取得 銷售工程師,項目總監 等等該指定什么屬性? 因為Value屬性不能丟,但現在我要取如 ‘銷售主任,高級外貿跟單文員’ 等值!如何取,就指定何屬性?用試了用innerText屬性,但得到的卻是所有的,不是選中的某一個! 該如何操作? 還有,如何我在后臺代碼中用 Request.Form["JobName"] 接受到的是所選擇的value屬性值,那么如何取得選中的文本值呢,也就是“銷售工程師,項目總監“之類! [html]
<select name="JobName" id="JobName" onChange="alert(this.options[this.selectedIndex].text)">
??? <option value="28838">銷售工程師</option>
??? <option value="23343">項目總監</option>
??? <option value="12434">商務代表</option>
??? <option value="28734">銷售主任</option>
??? <option value="28779">高級外貿跟單文員</option>
</select> [/html]
??????? <option value="28838">銷售工程師</option>
??????? <option value="23343">項目總監</option>
??????? <option value="12434">商務代表</option>
??????? <option value="28734">銷售主任</option>
??????? <option value="28779">高級外貿跟單文員</option>
</select> 如下,我在JS中如何取得這個列表的選擇項(不是Value屬性),onChange="changvalue(this.value)",用這個得到的是value屬性,也就是數字,如果我要取得 銷售工程師,項目總監 等等該指定什么屬性? 因為Value屬性不能丟,但現在我要取如 ‘銷售主任,高級外貿跟單文員’ 等值!如何取,就指定何屬性?用試了用innerText屬性,但得到的卻是所有的,不是選中的某一個! 該如何操作? 還有,如何我在后臺代碼中用 Request.Form["JobName"] 接受到的是所選擇的value屬性值,那么如何取得選中的文本值呢,也就是“銷售工程師,項目總監“之類! [html]
<select name="JobName" id="JobName" onChange="alert(this.options[this.selectedIndex].text)">
??? <option value="28838">銷售工程師</option>
??? <option value="23343">項目總監</option>
??? <option value="12434">商務代表</option>
??? <option value="28734">銷售主任</option>
??? <option value="28779">高級外貿跟單文員</option>
</select> [/html]
轉載于:https://blog.51cto.com/baiyan425/802996
總結
以上是生活随笔為你收集整理的Javascript获取select的选中值和选中文本的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: very_confusing
- 下一篇: ACCP学习旅程之-----使用C#开发