新网创想网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
用选择器选择要赋值的元素,然后调用指定的方格给他的各个属性赋值就可以了,举例给个id为text1的文本框的value赋值就是
华容ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为成都创新互联的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18980820575(备注:SSL证书合作)期待与您的合作!
var oTxt1=$("#text1");
oTxt1.val("要赋的值");
$("selectoption")[1].selected=true; jquery对象转为dom对象再设置
或
$("selectoption").eq(2).attr("selected","selected"); jquery对象属性设置方法
html
head
meta charset="utf-8"
titleDemo/title
script src=" "/script
/head
body
p
span通过标签设置默认选中:/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() 方法设置或返回被选元素的属性值。
根据该方法不同的参数,其工作方式也有所差异。
使用attr() 方法返回属性值
语法:$(selector).attr(attribute)。attribute
规定要获取其值的属性。
使用attr() 方法设置属性/值
语法$(selector).attr(attribute,value)。attribute规定属性的名称,value 规定属性的值。
实例
// 改变图像的 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()//这里假设select的id是sele,这样可以获取当前选中的option的value
3、刚开始没有选择的时候默认的是第一个option的value值;
4、要测试的话可以写一个change事件,也就是每一次选择都会触发
$('#sele').change(function(){
console.log($('#sele').val())//每次选择都会输出选择的当前option的value
})
5、如果想在js中刚开始就设置选中某一个,可以
$('#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”, 说的更确切一些是应该是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();
//设置值为2的option为选中状态
$('#test').attr('value','2');
//设置最后一个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();