码迷,mamicode.com
首页 > 其他好文 > 详细

jq-select操作

时间:2015-02-15 15:01:21      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="http://js.40017.cn/touch/cn/public/jquery-1.8.3.min.js"></script>
</head>
<body>

<select name="" id="sel">
<option value="1">one</option>
<option value="2" selected="selected">two</option>
<option value="3">three</option>
<option value="4">four</option>
<option value="5">five</option>
</select>
</body>
<script>
//常用select操作
//1.取得选中的text跟value
$("#sel").change(function(){
console.log($("#sel option:selected").text());
console.log($("#sel").find(‘option:selected‘).text());
console.log($("#sel").val());
})

//删除某个option
$("#sel option").each(function(){
if($(this).val()==3){
$(this).remove();
}
})

//根据option的值选中下拉框
$("#sel").val("4");
</script>
</html>

jq-select操作

标签:

原文地址:http://www.cnblogs.com/serene92/p/4292783.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!