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