javascript怎麼設定select選中

方法：1、先取得select元素；然後用val()方法選取指定value值的select選項。 2.先取得元素；然後用find()方法找出指定text值的select選項；最後用「attr("selected",true)」方法進行選取。

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

javascript設定select選取

例如

<select class="selector"></select>

1、設定value為pxx的項目選取

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

2、設定text為pxx的項目選取

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

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

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

很多時候用到select的級聯，也就是第二個select的值隨著第一個select選取的值而變化。這在jquery中是非常簡單的。

$(".selector1").change(function(){ 

// 先清空第二个 

$(".selector2").empty(); 

// 实际的应用中，这里的option一般都是用循环生成多个了 

var option = $("<option>").val(1).text("pxx"); 

$(".selector2").append(option); 

});

推薦學習：javascript進階教學

#

以上是javascript怎麼設定select選中的詳細內容。更多資訊請關注PHP中文網其他相關文章！