用選擇器選擇要賦值的元素,然后調(diào)用指定的方格給他的各個屬性賦值就可以了,舉例給個id為text1的文本框的value賦值就是
華容ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應(yīng)用場景,ssl證書未來市場廣闊!成為成都創(chuàng)新互聯(lián)的ssl證書銷售渠道,可以享受市場價格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:18980820575(備注:SSL證書合作)期待與您的合作!
var oTxt1=$("#text1");
oTxt1.val("要賦的值");
$("selectoption")[1].selected=true; jquery對象轉(zhuǎn)為dom對象再設(shè)置
或
$("selectoption").eq(2).attr("selected","selected"); jquery對象屬性設(shè)置方法
html
head
meta?charset="utf-8"
titleDemo/title
script?src="?"/script
/head
body
p
span通過標簽設(shè)置默認選中:/span
select?name="box1"?id="box1"
option?value="1"1/option
option?value="2"?selected="selected"2/option
option?value="3"3/option
/select
/p
p
span通過Jquery默認選中:/span
select?name="box2"?id="box2"
option?value="1"一/option
option?value="2"二/option
option?value="3"三/option
/select
/p
script?type="text/javascript"
$(function(){
$("#box2").val(2);
})
/script
/body
/html
可以使用:jQuery 屬性操作 - attr() 方法
attr() 方法的定義和用法
attr() 方法設(shè)置或返回被選元素的屬性值。
根據(jù)該方法不同的參數(shù),其工作方式也有所差異。
使用attr() 方法返回屬性值
語法:$(selector).attr(attribute)。attribute
規(guī)定要獲取其值的屬性。
使用attr() 方法設(shè)置屬性/值
語法$(selector).attr(attribute,value)。attribute規(guī)定屬性的名稱,value 規(guī)定屬性的值。?
實例
//?改變圖像的?width?屬性:
$("button").click(function(){??$("img").attr("width","180");});
//獲取select標簽自定義屬性?data-val的值
$("select").eq(0).attr("data-val")
1、首先要保證select中每一個option標簽都有value屬性;
2、jquery的寫法
$('#sele').val()//這里假設(shè)select的id是sele,這樣可以獲取當(dāng)前選中的option的value
3、剛開始沒有選擇的時候默認的是第一個option的value值;
4、要測試的話可以寫一個change事件,也就是每一次選擇都會觸發(fā)
$('#sele').change(function(){
console.log($('#sele').val())//每次選擇都會輸出選擇的當(dāng)前option的value
})
5、如果想在js中剛開始就設(shè)置選中某一個,可以
$('#sele').val('值')//在括號中寫入你想默認選中的某一個option的value值
JQuery是控制和操作select詳解。
先看下面的html代碼
select id="test"
option value="1"選項一option
option value="2"選項一option
...
option value="n"選項Noption
/select
所謂jQuery操作“select”, 說的更確切一些是應(yīng)該是jQuery控制 “option”, 看下面的jQuery代碼:
//獲取第一個option的值
$('#test option:first').val();
//最后一個option的值
$('#test option:last').val();
//獲取第二個option的值
$('#test option:eq(1)').val();
//獲取選中的值
$('#test').val();
$('#test option:selected').val();
//設(shè)置值為2的option為選中狀態(tài)
$('#test').attr('value','2');
//設(shè)置最后一個option為選中
$('#test option:last').attr('selected','selected');
$("#test").attr('value' , $('#test option:last').val());
$("#test").attr('value' , $('#test option').eq($('#test option').length - 1).val());
//獲取select的長度
$('#test option').length;
//添加一個option
$("#test").append("option value='n+1'第N+1項/option");
$("option value='n+1'第N+1項/option").appendTo("#test");
//添除選中項
$('#test option:selected').remove();
//刪除項選中(這里刪除第一項)
$('#test option:first').remove();、
//指定值被刪除
$('#test option').each(function(){
if( $(this).val() == '5'){
$(this).remove();
}
});
$('#test option[value=5]').remove();
//獲取第一個Group的標簽
$('#test optgroup:eq(0)').attr('label');
//獲取第二group下面第一個option的值
$('#test optgroup:eq(1) : option:eq(0)').val();