首頁 >web前端 >js教程 >jQuery取得select選擇的文字與值的範例_jquery

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

WBOY原創: 2016-05-16 17:10:141169瀏覽

取得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(" "); //在前面插入一個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:

複製程式碼程式碼如下:

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

<<選択して削除左へ

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($("} 

} 
}); 🎜 >

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

看更多

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

相關文章