【转发】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();
————————————————
版权声明:本文为CSDN博主「m努力努力再努力」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/m_Tenderness/article/details/91898841

posted @   James·wang  阅读(792)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· [翻译] 为什么 Tracebit 用 C# 开发
· 腾讯ima接入deepseek-r1,借用别人脑子用用成真了~
· Deepseek官网太卡,教你白嫖阿里云的Deepseek-R1满血版
· DeepSeek崛起:程序员“饭碗”被抢,还是职业进化新起点?
· RFID实践——.NET IoT程序读取高频RFID卡/标签
历史上的今天:
2019-03-23 基本够用的php.ini配置文件(CentOS7)
点击右上角即可分享
微信分享提示