jQuery操作Select選擇的Text和Value(獲取/設(shè)置/添加/刪除)
更新時間:2013年03月06日 14:16:33 作者:
本文將詳細(xì)介紹下jQuery獲取/設(shè)置/添加/刪除Select選擇的Text和Value,感興趣的你可以參考下本文或許對你有所幫助
jQuery獲取Select選擇的Text和Value:
選擇一項試試看
語法解釋:
. $("#select_id").change(function(){//code...}); //為Select添加事件,當(dāng)選擇其中一項時觸發(fā)
. var checkText=$("#select_id").find("option:selected").text(); //獲取Select選擇的Text
. var checkValue=$("#select_id").val(); //獲取Select選擇的Value
. var checkIndex=$("#select_id ").get(0).selectedIndex; //獲取Select選擇的索引值
. var maxIndex=$("#select_id option:last").attr("index"); //獲取Select最大的索引值
jQuery設(shè)置Select選擇的Text和Value:
語法解釋:
. $("#select_id ").get(0).selectedIndex=1; //設(shè)置Select索引值為1的項被選中
. $("#select_id ").val(4); //設(shè)置Select的Value值為4的項選中
. $("#select_id option[text='jQuery']").attr("selected", true); //設(shè)置Select的Text值為jQuery的項選中
jQuery添加/刪除Select的Option項:
點(diǎn)擊一次,Select將追加一個Option
點(diǎn)擊將在Select第一個位置插入一個Option
點(diǎn)擊將刪除Select中索引值最大Option(最后一個)
語法解釋:
. $("#select_id").append("<option value='Value'>Text</option>"); //為Select追加一個Option(下拉項)
. $("#select_id").prepend("<option value='0'>請選擇</option>"); //為Select插入一個Option(第一個位置)
. $("#select_id option:last").remove(); //刪除Select中索引值最大Option(最后一個)
. $("#select_id option[index='0']").remove(); //刪除Select中索引值為0的Option(第一個)
. $("#select_id option[value='3']").remove(); //刪除Select中Value='3'的Option
. $("#select_id option[text='4']").remove(); //刪除Select中Text='4'的Option
選擇一項試試看
語法解釋:
復(fù)制代碼 代碼如下:
. $("#select_id").change(function(){//code...}); //為Select添加事件,當(dāng)選擇其中一項時觸發(fā)
. var checkText=$("#select_id").find("option:selected").text(); //獲取Select選擇的Text
. var checkValue=$("#select_id").val(); //獲取Select選擇的Value
. var checkIndex=$("#select_id ").get(0).selectedIndex; //獲取Select選擇的索引值
. var maxIndex=$("#select_id option:last").attr("index"); //獲取Select最大的索引值
jQuery設(shè)置Select選擇的Text和Value:
語法解釋:
復(fù)制代碼 代碼如下:
. $("#select_id ").get(0).selectedIndex=1; //設(shè)置Select索引值為1的項被選中
. $("#select_id ").val(4); //設(shè)置Select的Value值為4的項選中
. $("#select_id option[text='jQuery']").attr("selected", true); //設(shè)置Select的Text值為jQuery的項選中
jQuery添加/刪除Select的Option項:
點(diǎn)擊一次,Select將追加一個Option
點(diǎn)擊將在Select第一個位置插入一個Option
點(diǎn)擊將刪除Select中索引值最大Option(最后一個)
語法解釋:
復(fù)制代碼 代碼如下:
. $("#select_id").append("<option value='Value'>Text</option>"); //為Select追加一個Option(下拉項)
. $("#select_id").prepend("<option value='0'>請選擇</option>"); //為Select插入一個Option(第一個位置)
. $("#select_id option:last").remove(); //刪除Select中索引值最大Option(最后一個)
. $("#select_id option[index='0']").remove(); //刪除Select中索引值為0的Option(第一個)
. $("#select_id option[value='3']").remove(); //刪除Select中Value='3'的Option
. $("#select_id option[text='4']").remove(); //刪除Select中Text='4'的Option
您可能感興趣的文章:
- jquery操作select詳解(取值,設(shè)置選中)
- jquery實現(xiàn)動態(tài)操作select選中
- jQuery操作select下拉框的text值和value值的方法
- jquery操作select option 的代碼小結(jié)
- 利用jquery操作select下拉列表框的代碼
- jQuery操作Select的Option上下移動及移除添加等等
- jquery操作select大全
- jQuery操作select的實例代碼
- jquery操作select元素和option的實例代碼
- jquery下拉select控件操作方法分享(jquery操作select)
- jquery操作select常見方法大全【7種情況】
相關(guān)文章
jQuery Ajax和getJSON獲取后臺普通json數(shù)據(jù)和層級json數(shù)據(jù)用法分析
這篇文章主要介紹了jQuery Ajax和getJSON獲取后臺普通json數(shù)據(jù)和層級json數(shù)據(jù)用法,結(jié)合實例形式分析了jQuery基于ajax操作json格式數(shù)據(jù)的相關(guān)技巧,需要的朋友可以參考下2016-06-06jquery代碼實現(xiàn)簡單的隨機(jī)圖片瀑布流效果
瀑布流布局最近真的很流行,很多人都跟我一樣想知道是怎么做出來的吧,經(jīng)過網(wǎng)上搜索大量的參考結(jié)合N邊的實驗今天終于被我寫出來了,這里分享給大家,有需要的小伙伴參考下吧。2015-04-04jquery.Jwin.js 基于jquery的彈出層插件代碼
測試頁面需要引用jquery的js文件 插件文件jquery.Jwin.js jquery.Jwin插件的使用參數(shù)都有詳細(xì)說明2012-05-05easyui messager alert 三秒后自動關(guān)閉提示的實例
下面小編就為大家?guī)硪黄猠asyui messager alert 三秒后自動關(guān)閉提示的實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11jQuery針對input的class屬性寫了多個值情況下的選擇方法
這篇文章主要介紹了jQuery針對input的class屬性寫了多個值情況下的選擇方法,結(jié)合實例形式對比分析了jQuery選擇器針對class屬性中有多個值情況下的選中方法,需要的朋友可以參考下2016-06-06淺談jquery.fn.extend與jquery.extend區(qū)別
本文給大家簡單描述了下jquery.fn.extend與jquery.extend的概念以及區(qū)別,十分的實用,有需要的小伙伴可以參考下。2015-07-07