设为首页 加入收藏

TOP

获取select下拉框的选中值
2019-05-13 12:18:02 】 浏览:11
Tags:获取 select 下拉 选中
版权声明:本文为博主原创文章,未经博主允许不得转载,如需转载请在明显处标明出处! https://blog.csdn.net/qq_36291682/article/details/72457254
<!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>
<!--<script src="http://libs.baidu.com/jquery/1.6.4/jquery.min.js"></script>-->
<!--<script src="http://libs.baidu.com/jquery/1.5.2/jquery.min.js"></script>-->
<!--<script src="http://libs.baidu.com/jquery/1.4.4/jquery.min.js"></script>-->
<!--<script src="http://libs.baidu.com/jquery/1.3.2/jquery.min.js"></script>-->
<!--<script src="http://libs.baidu.com/jquery/1.2.3/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/java script" language="java script">
//获取值
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>


编程开发网
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇使用skin++后如何利用GetMenu获取.. 下一篇CSDN-markdown编辑器

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容:

array(4) { ["type"]=> int(8) ["message"]=> string(24) "Undefined variable: jobs" ["file"]=> string(32) "/mnt/wp/cppentry/do/bencandy.php" ["line"]=> int(214) }