700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > jquery操作下拉框select(设置默认选中 清空选中状态)

jquery操作下拉框select(设置默认选中 清空选中状态)

时间:2021-08-11 01:04:31

相关推荐

jquery操作下拉框select(设置默认选中 清空选中状态)

取值问题

<select id="selector"><option value="1">选项一</option><option value="2">选项二</option><option value="3">选项三</option><option value="4">选项四</option></select>

获取当前选中项的text和value

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

获取当前选中的索引值(从0开始)

$("#selector").get(0).selectedIndex;

获取第一项(最小)和最后一项(最大)的text

$("#selector option:last").text();$("#selector option:first").text();

更改和设置选中状态

改变select的选中,执行该语句后将第0个改为被选中状态,这里eq(i),i为索引值

$("#selector").each(function(){$(this).find("option").eq(0).prop("selected",true)});

为select添加事件,当选择其中一项时触发事件

$('#selector').change(function (e) {alert(1243);});

设置select索引值为1的项选中

$("#selector").get(0).selectedIndex = 1;

设置select的value值为’1’的项选中

$("#selector option[value='1']").prop("selected", true);

添加/删除select的option项:

为select追加一个option(下拉项),在末尾添加

$("#selector").append("<option value='5'>选项五</option>");

为select追加一个option(下拉项),在起始添加

$("#selector").prepend("<option value='5'>选项五</option>");

删除select中最后一个option

$("#selector option:last").remove();

删除select中value='3’的option

$("#selector option[value='3']").remove();

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。