jQuery取得select選擇的文字與值的範例_jquery

取得select ：
取得select 選取的text :
$("#ddlregtype").find("option:selected").text();

取得select選取的value:
$("#ddlregtype ").val();

取得select選取的索引:
$("#ddlregtype ").get(0).selectedindex;

設定select:
設定select 選取的索引：
$("#ddlregtype ").get(0).selectedindex=index;//index為索引值

設定select 選取的value：

複製程式碼 程式碼如下:

$("#ddlregtype "🎜>

$("#attlregtype ").. ,"normal“);
$("#ddlregtype ").val("normal");

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

設定select 選取的text: 複製程式碼

程式碼如下:



程式碼如下:


var count $("#ddlregtype option").length;
for(var i=0;i{ if($("#ddlregtype ").get(0).options[i] .text == text)
{

$("#ddlregtype ").get(0).options[i].selected = true;
break;
}

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

設定select option項:




複製程式碼

程式碼如下:


$("#select_id").append("text 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() ; 工作需要，要取得兩個表單中的值。如圖：

如何取得從左邊選擇框加到右邊選擇框的值？我想了想用網頁特效可以獲得，這裡用了比較流行的jquery。
js程式碼如下：




複製程式碼


程式碼如下:

/取得所有屬性值var item = $("#select1").val();
$(function(){
$('#select1').each( //取得select1的所有值

function( ){ $('button').click(function(){ alert($('#select2').val()); //取得select2中的select1值}); }); })

值得注意的是，不能直接寫成




複製程式碼


程式碼如下:

$(function(){

$('#select2').each( //取得select1的所有值，因為前面講選項從左邊加到右邊，jquery其實沒有真正將值從左邊傳到右邊。 ($(this).val()); //取得select2中的select1值}); }); }) html:

複製程式碼 程式碼如下:

;
オプション 1オプション>
オプション 2オプション> >オプション 3
オプション 4
オプション 5 ;オプション値="6">オプション 6
オプション 7

🎜>[右側に追加] を選択>>
すべてを右側に追加>>> ;

JQuery、Ajax 呼び出しを使用して、Select のオプションを動的に設定します




コードをコピー

コードは次のとおりです。

//ClassLevel1 クリックイベントをバインド$("#ClassLevel1").change(function () { var id = $("#ClassLevel1").val(); var level2 = $("#ClassLevel2"); $("#ClassLevel3").hide();

$.ajax({

url) : "./askCommon.ashx?action=getclasslevel&pid=" id,
data: { "type": "ajax" },
datatype: "json",
type: "get",
成功: function (data) {
var json = eval_r(data);
for (var ind in json) {
level2.append($("" json[ind].typename ""));
}

}
}); 🎜 >