jQuery是控制和操作select詳解。

2021-08-22 11:34:46 字數 1485 閱讀 1140

jquery是控制和操作select詳解。 

eg:

選項一選項一...

選項n

所謂jquery操作「select」, 說的更確切一些是應該是jquery控制 「option」, 看下面的jquery**:

//獲取第乙個option的值

$('#test option:first').val();
//最後乙個option的值

$('#test option:last').val();
//獲取第二個option的值

$('#test option:eq(1)').val();
//獲取選中的值

$('#test').val();

$('#test option:selected').val();

//設定值為2的option為選中狀態 

$(『#test』).attr(『value』,』2』);

//設定最後乙個option為選中

$('#test option:last').attr('selected','selected');

$("#test").attr('value' , $('#test option:last').val());

$("#test").attr('value' , $('#test option').eq($('#test option').length - 1).val());

//獲取select的長度

$('#test option').length;
//新增乙個option

//添除選中項

$('#test option:selected').remove();
//刪除項選中(這裡刪除第一項)

$('#test option:first').remove();、
//指定值被刪除

$('#test option').each(function()

});$('#test option[value=5]').remove();

//獲取第乙個group的標籤

$('#test optgroup:eq(0)').attr('label');
//獲取第二group下面第乙個option的值

$('#test optgroup:eq(1) : option:eq(0)').val();
//select 預設選中

$("#arrangeclass").find("option[value="+reim.classid+"]").prop("selected",true);

jQuery是控制和操作select詳解。

jquery是控制和操作select詳解。先看下面的html 選項一選項一.選項n所謂jquery操作 select 說的更確切一些是應該是jquery控制 option 看下面的jquery 獲取第乙個option的值 test option first val 最後乙個option的值 test...

jQuery控制元素隱藏和顯示

1 jquery隱藏和顯示效果 通過 jquery,您可以使用 hide 和 show 方法來隱藏和顯示 html 元素 hide click function 點選id hide 元素時,隱藏所有標籤內容 show click function 點選id show 元素時,顯示所有標籤內容 2 j...

jquery操作DOM和事件

1.jquery操作dom的屬性 attr 1.1 獲得節點的屬性 jquery物件.attr 屬性名 eg 獲得節點物件的屬性 alert d1 attr src 1.2 設定節點的一對屬性 jquery物件.attr 屬性名 屬性值 eg 設定節點物件的一對屬性 1.3 設定節點的多對屬性 jq...