select 選中 事件 值

2021-07-11 17:51:01 字數 3588 閱讀 1834

選中的值:$("select選擇器").val();  

$("select選擇器").find("option:selected").val();  

選中的文字:$("select選擇器").find("option:selected").text();

選中的索引:

$('#someid').prop('selectedindex');理解:selectedindex是dom的固有屬性,所以用prop處理,自定義屬 性用attr處理

$("select選擇器").get(0).selectedindex;

$('option:selected', '#someid').index();

設定select:

設定select 選中的索引:

$("#ddlregtype ").get(0).selectedindex=index

;//index為索引值

設定select 選中的value:

$("#ddlregtype ").val("normal");

$("#ddlregtype ").attr("value","normal「);//這裡是不是用prop更好?

$("#ddlregtype ").get(0).value = value;

設定select 選中的text:

$("#select_id option[text='jquery']").attr("selected", true);

擴充套件小知識:

var count=$("#ddlregtype option").length;

for(var i=0;i

}設定select option項:

//新增一項option

$("#select_id").prepend("請選擇"); //在前面插入一項option

$("#select_id option:last").remove(); //刪除索引值最大的option

$("#select_id option[index='0']").remove();//刪除索引值為0的option

$("#select_id option[value='3']").remove(); //刪除值為3的option

$("#select_id option[text='4']").remove(); //刪除text值為4的option

清空 select:

$("#ddlregtype ").empty();

每一次操作select的時候,總是要出來翻一下資料,不如自己總結一下,以後就翻這裡了。比如

1、設定value為pxx的項選中

$(".selector").val("pxx");

2、設定text為pxx的項選中

$(".selector").find("option[text='pxx']").attr("selected",true);

這裡有乙個中括號的用法,中括號裡的等號的前面是屬性名稱,不用加引號。很多時候,中括號的運用可以使得邏輯變得很簡單。

3、獲取當前選中項的value

$(".selector").val();

4、獲取當前選中項的text

$(".selector").find("option:selected").text();

這裡用到了冒號,掌握它的用法並舉一反三也會讓**變得簡潔。

很多時候用到select的級聯,即第二個select的值隨著第乙個select選中的值變化。這在jquery中是非常簡單的。

如:$(".selector1").change(function());

jquery獲取select選擇的text和value:

語法解釋:

1. $("#select_id").change(function());   //為select新增事件,當選擇其中一項時觸發

2. var checktext=$("#select_id").find("option:selected").text();  //獲取select選擇的text

3. var checkvalue=$("#select_id").val();  //獲取select選擇的value

4. var checkindex=$("#select_id ").get(0).selectedindex;  //獲取select選擇的索引值

5. var maxindex=$("#select_id option:last").attr("index");  //獲取select最大的索引值

jquery設定select選擇的 text和value:

語法解釋:

1. $("#select_id ").get(0).selectedindex=1;  //設定select索引值為1的項選中

2. $("#select_id ").val(4);   // 設定select的value值為4的項選中

3. $("#select_id option[text='jquery']").attr("selected", true);   //設定select的text值為jquery的項選中

jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關 

獲 取一組radio被選中項的值 

var item = $('input[name=items][checked]').val(); 

獲 取select被選中項的文字 

var item = $("select[name=items] option[selected]").text(); 

select下拉框的第二個元素為當前選中值 

$('#select_id')[0].selectedindex = 1; 

radio單選組的第二個元素為當前選中值 

$('input[name=items]').get(1).checked = true; 

獲取值: 

文字框,文字區域:$("#txt").attr("value"); 

多選框 checkbox:$("#checkbox_id").attr("value"); 

單選組radio:   $("input[type=radio][checked]").val(); 

下拉框select: $('#sel').val(); 

控制表單元素: 

文字框,文字區域:$("#txt").attr("value",'');//清空內容 

$("#txt").attr("value",'11');//填充內容 

多選框checkbox: $("#chk1").attr("checked",'');//不打勾 

$("#chk2").attr("checked",true);//打勾 

if($("#chk1").attr('checked')==undefined) //判斷是否已經打勾 

單選組 radio:    $("input[type=radio]").attr("checked",'2');//設定value=2的專案為當前選中項 

下拉框 select:   $("#sel").attr("value",'-sel3');//設定value=-sel3的專案為當前選中項 

$("1111

jquery獲取select選中的值

jquery獲取select選中的值 誤區 一直以為jquery獲取select中option被選中的文字值,是這樣寫的 s text 獲取所有option的文字值 實際上應該這樣 s option selected text 獲取選中的option的文字值 獲取select中option的被選中的...

jquery獲取select選中的值

誤區 一直以為jquery獲取select中option被選中的文字值,是這樣寫的 s text 獲取所有option的文字值 實際上應該這樣 s option selected text 獲取選中的option的文字值 獲取select中option的被選中的value值,s val s opti...

jQuery 取得select選中的值

關於jquery取得select的值 例子 selected true web 客戶端開發技術 計算機網路管理 網路程式設計技術 net j a ee應用開發 資訊保安工程 網路與安全綜合設計 若想取得select選中項的value值 兩種方式 1.coursename option selecte...