jquery實現的獲取select下拉選單value和文字內容
select下拉選單是使用非常頻繁的控制元件,既然使用頻繁,那麼對於它的一些常用的操作的掌握也是必須要掌握的。
下面就通過程式碼例項做一下簡單介紹。
獲取text文字和value值:
1.獲取選中項的text文字內容,程式碼如下:
[JavaScript] 純文字檢視 複製程式碼$("#sel").find("option:selected").text();
2.獲取選中項的value值,程式碼如下:
[JavaScript] 純文字檢視 複製程式碼$("#sel").val()
3.獲取選中項的索引值,程式碼如下:
[JavaScript] 純文字檢視 複製程式碼$("#sel").get(0).selectedIndex;
相關文章
- JQuery 獲取select被選中的value和textjQuery
- jQuery 美化select下拉選單jQuery
- jQuery Validate對select下拉選單驗證jQuery
- jQuery - 獲取內容和屬性jQuery
- JQuery實現下拉框Select的獲取值與文字、動態繫結資料、事件等操作jQuery事件
- Jquery如何獲取和設定元素內容?jQuery
- JQuery實現絢麗的橫向下拉選單jQuery
- jQuery捕獲-獲取DOM元素內容和屬性jQuery
- jquery實現四級級聯下拉選單jQuery
- jQuery和css3超讚select下拉選單框美化外掛jQueryCSSS3
- HTML select 下拉選單HTML
- HTML select下拉選單HTML
- 圓角select下拉選單
- 010-jQuery獲取和設定內容屬性jQuery
- HTML+CSS+JQuery實現下拉選單滑鼠懸浮顯示下拉選單,取消隱藏HTMLCSSjQuery
- ASP.NET MVC下使用AngularJs語言(六):獲取下拉選單的value和TextASP.NETMVCAngularJS
- 模擬select下拉選單詳解
- JavaScript動態操作select下拉選單JavaScript
- jquery獲取同一name的input的value值jQuery
- 選擇select下拉選單網頁跳轉網頁
- jQuery點選文字框清除內容程式碼例項jQuery
- jQuery獲取點選td單元格的值jQuery
- 設定select下拉選單的預設選中項
- JavaScript帶下拉選單的文字框JavaScript
- select下拉選單跳轉效果程式碼
- JavaScript獲取選中checkbox valueJavaScript
- 【jquery】select下拉框賦值jQuery賦值
- jQuery與CSS二級下拉選單jQueryCSS
- JavaScript 獲取td單元格內容JavaScript
- jquery實現改變所匹配的內容jQuery
- HTML+CSS實現下拉選單HTMLCSS
- checkbox及css實現點選下拉選單CSS
- 【Javascript】獲取選中的文字JavaScript
- jquery獲取下拉框選中的屬性值jQuery
- JQuery select選中值jQuery
- jquery和bootstrap獲取checkbox選中的多行資料jQueryboot
- 迴圈方式為select下拉選單新增年份
- 【Java Web基礎】(五)實現新增下拉選單—由使用者輸入內容(Html+JS)JavaWebHTMLJS
- jQuery 淡入淡出效果下拉導航選單jQuery