基於jQuery 各種表單取值折磨

2021-08-09 21:10:54 字數 1176 閱讀 6524

寫在前面:

表單一直是前端重要的一塊內容,而表單的型別較多,各種取值方式不一,選中的selected,checked等,什麼情況該用哪種,今天有時間理一理,不一定全面,後面慢慢補充吧

正文:有如下結構的select,涉及到的各種取值

-請選擇-

成都綿陽

德陽

一、獲取#myselect選中的value和text

1、$("#myselect").val( )

$("#myselect").text( )

2、$("#myselect option:selected").val( )

$("#myselect option:selected").val( )

二、獲取#myselect下的第乙個、最後乙個及第n個option元素的值

1、$('#myselect ').children("option:last").val( )或者$('#myselect option:last').val( )

2、$('#myselect ').children("option:first").val( )或者$('#myselect option:first').val( )

3、$('#myselect option:nth-child( n )').val( )  // n從0開始

三、獲取選中元素的索引

1、$('#myselect ')[0].selectedindex  //該方法是原生js的方法,所以必須直接使用jq物件,必須轉化成原生dom物件呼叫該方法

四、指定值value或文字text的option為選中項

1、value:$('#myselect ').val('xx')//想要指定的值

2、text:

$('#myselect option').filter(function()).attr('selected',true);//dom裡沒有text屬性,所以使用 . 或者 [屬性='值']這種叫做屬性選擇器來獲取是非法的

五、已知option的值,設定該選項為選中

$('select option[value="0"]').attr("selected","selected")

六、包含id的checkbox 的input框設定禁用

$('input[type="checkbox"][id]').attr('disabled',true)

Jquery表單取值

select option selected text select和option之間有空格,option為select的子元素 select option selected text 如果寫成 select text 會把所有下拉列表的文字選擇出來 2.獲取和設定下拉列表的值 select val...

Jquery表單取值賦值

jquery表單取值賦值的一些基本操作2008 12 25 03 17 獲得text.areatext的值 var textval text id attr value 或者 var textval text id val 獲取單選按鈕的值 var valradio input type radio...

jquery各種取值操作

獲取一組radio被選中項的值 var item input name items checked val 獲取select被選中項的文字 var item select name items option selected text select下拉框的第二個元素為當前選中值 select id ...