如何获取select下拉框的选中值

这篇文章主要讲解了“如何获取select下拉框的选中值”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“如何获取select下拉框的选中值”吧！

让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：域名注册、网站空间、营销软件、网站建设、西湖网站维护、网站推广。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>





<style type="text/css">
</style>
</head>
<body>
<form action="" id="form">
<select id="sl">
<option selected="true" value="0">第一个</option>
<option value="1">第二个</option>
<option value="2">第三个</option>
</select>
</form>
</body>
</html>
<script type="text/javascript" language="javascript">
//获取值
alert($("#sl option:selected").val());
alert($("#sl").find("option:selected").text());
alert($("#sl").val());

//获取选中option的索引
alert($("#sl ").get(0).selectedIndex);
alert($('#sl').prop('selectedIndex'));
alert($('#sl').find('option:selected').index());
alert($('#sl').prop('selectedIndex'));
alert($('#sl option').index($('#sl option:selected')));

//设置select 选中的value：
$("#sl ").attr("value", "1");
$("#sl ").val("1");
$("#sl ").get(0).value = 1;

//设置select的option选项
$("#sl").append("<option value='4'>第四个添加的</option>"); //添加一项option
$("#sl").prepend("<option value='-1'>最前边添加的</option>"); //在前面插入一项option
$("#sl option:last").remove(); //删除索引值最大的option
$("#sl option[value='2']").remove(); //删除值valuie为2的option
$("#sl option[index='0']").remove(); //删除索引值为0的option jquery1.6以后就不支持这样删除了
$("#sl option[text='第三个']").remove(); //删除text值为4的option jquery 1.2以后就不支持了

//清空select的所有option
$("#sl ").empty();
</script>http://www.2799999.com

感谢各位的阅读，以上就是“如何获取select下拉框的选中值”的内容了，经过本文的学习后，相信大家对如何获取select下拉框的选中值这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！

分享文章：如何获取select下拉框的选中值
分享URL：https://www.cdcxhl.com/article12/iigcgc.html

成都网站建设公司_创新互联，为您提供关键词优化、面包屑导航、App设计、软件开发、网页设计公司、网站收录

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容