jquery操作 select 物件

2021-06-23 00:44:21 字數 2166 閱讀 4573

jquery select取值,賦值操作

一、獲取select

獲取select 選中的 text : 

$("#ddlregtype").find("option:selected").text();

獲取select選中的索引: 

$("#ddlregtype").get(0).selectedindex;

二、設定select

設定select 選中的索引:

$("#ddlregtype").get(0).selectedindex = index;//index為索引值

設定select 選中的value:

$("#ddlregtype").attr("value","normal「);

$("#ddlregtype").val("normal");

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

設定select 選中的text:

1 var count = $("#ddlregtype option").length;

2 3 for(var i=0;i請選擇"); //在前面插入一項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();

下拉框:

var cc1 = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉列表的選中項的文字(注意中間有空格)

var cc2 = $('.formc select[@name="country"]').val(); //得到下拉列表的選中項的值

var cc3 = $('.formc select[@name="country"]').attr("id"); //得到下拉列表的選中項的id屬性值

$("#select").empty();//清空下拉框//$("#select").html('');

稍微解釋一下:

1.select[@name='country'] option[@selected] 表示具有name 屬性,

並且該屬性值為'country' 的select元素 裡面的具有selected 屬性的option 元素;

可以看出有@開頭的就表示後面跟的是屬性。

2,單選框:

$("input[@type=radio][@checked]").val(); //得到單選框的選中項的值(注意中間沒有空格)

$("input[@type=radio][@value=2]").attr("checked",'checked'); //設定單選框value=2的為選中狀態.(注意中間沒有空格)

3,核取方塊:

$("input[@type=checkbox][@checked]").val(); //得到核取方塊的選中的第一項的值

$("input[@type=checkbox][@checked]").each(function());

$("#chk1").attr("checked",'');//不打勾

$("#chk2").attr("checked",true);//打勾

if($("#chk1").attr('checked')==undefined){} //判斷是否已經打勾

//遍歷option和新增、移除option

function changeshipmethod(shipping)

});}else

}//取得下拉列表的選取值

$(#testselect option:selected').text();

或$("#testselect").find('option:selected').text();

或$("#testselect").val();

jQuery對select操作小結

遍歷option和新增 移除option function changeshipmethod shipping else 取得下拉列表的選取值 testselect option selected text 或 testselect find option selected text 或 tests...

jQuery 對 Select 的操作

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

jQuery對select操作小結

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