jQuery操作Select選擇的Text和Value(獲取/設置/添加/刪除)
更新時間:2013年03月06日 14:16:33 作者:
本文將詳細介紹下jQuery獲取/設置/添加/刪除Select選擇的Text和Value,感興趣的你可以參考下本文或許對你有所幫助
jQuery獲取Select選擇的Text和Value:
選擇一項試試看
語法解釋:
. $("#select_id").change(function(){//code...}); //為Select添加事件,當選擇其中一項時觸發(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設置Select選擇的Text和Value:
語法解釋:
. $("#select_id ").get(0).selectedIndex=1; //設置Select索引值為1的項被選中
. $("#select_id ").val(4); //設置Select的Value值為4的項選中
. $("#select_id option[text='jQuery']").attr("selected", true); //設置Select的Text值為jQuery的項選中
jQuery添加/刪除Select的Option項:
點擊一次,Select將追加一個Option
點擊將在Select第一個位置插入一個Option
點擊將刪除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
選擇一項試試看
語法解釋:
復制代碼 代碼如下:
. $("#select_id").change(function(){//code...}); //為Select添加事件,當選擇其中一項時觸發(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設置Select選擇的Text和Value:
語法解釋:
復制代碼 代碼如下:
. $("#select_id ").get(0).selectedIndex=1; //設置Select索引值為1的項被選中
. $("#select_id ").val(4); //設置Select的Value值為4的項選中
. $("#select_id option[text='jQuery']").attr("selected", true); //設置Select的Text值為jQuery的項選中
jQuery添加/刪除Select的Option項:
點擊一次,Select將追加一個Option
點擊將在Select第一個位置插入一個Option
點擊將刪除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
您可能感興趣的文章:
相關文章
jQuery Ajax和getJSON獲取后臺普通json數(shù)據(jù)和層級json數(shù)據(jù)用法分析
這篇文章主要介紹了jQuery Ajax和getJSON獲取后臺普通json數(shù)據(jù)和層級json數(shù)據(jù)用法,結合實例形式分析了jQuery基于ajax操作json格式數(shù)據(jù)的相關技巧,需要的朋友可以參考下2016-06-06jquery.Jwin.js 基于jquery的彈出層插件代碼
測試頁面需要引用jquery的js文件 插件文件jquery.Jwin.js jquery.Jwin插件的使用參數(shù)都有詳細說明2012-05-05easyui messager alert 三秒后自動關閉提示的實例
下面小編就為大家?guī)硪黄猠asyui messager alert 三秒后自動關閉提示的實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11jQuery針對input的class屬性寫了多個值情況下的選擇方法
這篇文章主要介紹了jQuery針對input的class屬性寫了多個值情況下的選擇方法,結合實例形式對比分析了jQuery選擇器針對class屬性中有多個值情況下的選中方法,需要的朋友可以參考下2016-06-06淺談jquery.fn.extend與jquery.extend區(qū)別
本文給大家簡單描述了下jquery.fn.extend與jquery.extend的概念以及區(qū)別,十分的實用,有需要的小伙伴可以參考下。2015-07-07