jquery操作select的一些基本方法總結

t1 >>> 建立乙個新的select

var $newselect = $(""); // 注意轉義\

t2 >>> 建立乙個新的option

var $option = $("1");

t5 >>> 清除select的option選項

$("#sel option[value='1']").remove(); // 移除 value 值為 1 的 option

$("#sel option[index=2]").remove(); // 移除索引為 2 的 option

$("#sel option[text='_txt']").remove(); // 移除 text 值為 _txt 的 option

$("#sel option:last").remove(); // 移除最後的 option

$("#sel option:selected").remove(); // 移除selected選中的 option

t6 >>> 修改select的option選項

// 選中項的 text 值

newselect.find('option:selected').text();

// 選中項的value值

$newselect.val()

$newselect.find('option:selected').val();

$('select[name="s_name"]').find('option:selected').val();

// 任意項的 text val 值

$newselect.find('option').eq(index).text();

$newselect.find('option').eq(index).val();

$newselect.children('option').eq(index).text();

$newselect.children('option').eq(index).val();

$("#sel option[value='1']").text();

$("#sel option[value='1']").val();

$("#sel option[index=2]").text();

$("#sel option[index=2]").val();

$("#sel option[text='_txt']").text();

$("#sel option[text='_txt']").val();

// 輸出 option 序列的所有 text 值。

$newselect.text()

// 輸出 select 被選中的索引值 。

$("#sel").get(0).selectedindex; // get(0) 將jquery物件轉化為dom形式。

$("#sel option:selected").index()

// 獲取 option 的長度值

$("#sel option").length

$newselect.find('option').length

$newselect.children('option').length

注：有時候用到的jquery和dom元素的一些轉換方式：

$(this)[0]

$(this).get(0)

$(this).toarray()[0];

以上3種寫法等價

jQuery 對 Select 的操作

取得下拉列表的選取值 testselect option selected text 或 testselect find option selected text 或 testselect val 記性不好的可以收藏下 1,下拉框 稍微解釋一下 1.select name country optio...

jQuery對select的操作

獲取select 獲取select 選中的 text selectid find option selected text 獲取select選中的 value selectid val 獲取select選中的索引 selectid get 0 selectedindex 設定select 設定sel...

jquery 對select的操作

如題。使用js直接操作select。一般會使用到下面的幾個命令 var tmp document.getelementbyid select 建立option方法1 var tmpop document.createelementbytagname option tmp.value 1 建立opti...