jQuery 有关select的操作
2015-10-10 15:36
633 查看
1、获取select选中的值
*只有一个select时,直接alert($("select").val());
*当有多个时,要加以区分,如下:
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$(":button").click(function(){
alert($("select[name='2']").val());
});
});
</script>
</head>
<body>
<p>姓名:
<select name="1">
<option>1</option>
<option selected='selected'>2</option>
</select>
<select name="2">
<option>1</option>
<option selected='selected'>3</option>
</select>
</p>
<input type='button' value="提交"></input>
</body>
</html>
*$("select :select").val();(只有一个)
alert($("select[name='2'] :selected").val());(多个区分时)
*$("select[name='2']").find("selected='selected'")val();(
*只有一个select时,直接alert($("select").val());
*当有多个时,要加以区分,如下:
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$(":button").click(function(){
alert($("select[name='2']").val());
});
});
</script>
</head>
<body>
<p>姓名:
<select name="1">
<option>1</option>
<option selected='selected'>2</option>
</select>
<select name="2">
<option>1</option>
<option selected='selected'>3</option>
</select>
</p>
<input type='button' value="提交"></input>
</body>
</html>
*$("select :select").val();(只有一个)
alert($("select[name='2'] :selected").val());(多个区分时)
*$("select[name='2']").find("selected='selected'")val();(
相关文章推荐
- [转载]jQuery学习之prop和attr的区别
- jquery选择器:获取父级元素、同级元素、子元素
- jQuery中的.height()、.innerHeight()和.outerHeight()
- jQuery 获取表单元素中值的方法
- jquery清空textarea等输入框
- 50个必备的实用jQuery代码段
- jQuery的validate 在ie9和火狐下能用 在ie8下无效解决方法。
- jquery跨域请求解决方案(我们寻找,我还没有添加验证)
- jQuery 代码的层定位滑动动画效果
- jQuery选择器全解
- 导入文件 jquery.js文件报红解决办法
- 导入文件 jquery.js文件报红解决办法
- jquery ajax传递关联数组
- 浅析jQuery(function(){})与(function(){})(jQuery)之间的区别
- Jquery.validate表单验证
- jquery数组常用方法及例子
- jquery datagrid按照某个列field,进行去重复。
- 无限循环菜单列表的实现
- 使用jQuery AJAX读取二进制数据
- 使用jQuery AJAX读取二进制数据