两个类名一样的select下拉框 如何让他们不能选择同样的值??
来源:互联网 发布:asp.net与vb.net 编辑:程序博客网 时间:2024/06/05 05:47
标签: 体育 分类: js技巧
比如两个select下拉框都有class=‘ceshi’,
操作如下:
$('.ceshi').change(function(){
if($('.ceshi[value='+$(this).val()+']').length==1){
alert('你当前选择的条件已经存在,请不要重复选择');
}
});
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">;
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<script type="text/javascript" src='jquery.js'></script>
<script type="text/javascript">
$(function(){
$('.ceshi').change(function(){
if($('.ceshi[value='+$(this).val()+']').length>=2){
alert('不能选择重复的,亲');
}
});
});
</script>
</head>
<body>
<select name="xiao[]" id="" class="ceshi">
<option value="1">篮球</option>
<option value="2">足球</option>
<option value="3">台球</option>
<option value="4">乒乓球</option>
</select>
<select name="xiao[]" id="" class="ceshi">
<option value="1">篮球</option>
<option value="2">足球</option>
<option value="3">台球</option>
<option value="4">乒乓球</option>
</select>
</body>
</html>
阅读全文
0 0
- 两个类名一样的select下拉框 如何让他们不能选择同样的值??
- 如何设置Select下拉选择框(菜单)的样式
- jquery---如何获取select下拉框当前选择的文本
- 禁止select下拉框的其中某个选择项不能被选择
- 禁止select下拉框的其中某个选择项不能被选择 .
- 如何获取select下拉框的值
- select下拉框如何在本页面中获取其选择的值?
- CXF中定义方法时返回值的类名跟方法名不能一样
- 获得select下拉选择框的值和文本
- 让select下拉框无法改变值的方法
- Android app里用到qq分享返回的时候出现两个一样的应用程序让选择
- 如何让 select的那个请选择不被选中
- 如何获取select下拉框选中的的值呢
- 同样的两个梦
- java中自定义的类名不能与java包里面的类名一样
- 如何让两个div在同一行显示,并且使他们的总宽度占满整行?
- javascript如何获取select下拉框中显示的值
- 如何让<s:doubleselect>标签的两个下拉框在一行显示
- DTCoreText html解析处理分析(1)
- 进制数
- 将博客搬至CSDN
- Qt资料大全
- apache 安装
- 两个类名一样的select下拉框 如何让他们不能选择同样的值??
- C#中抽象类和接口的简单理解
- File is not a normal file.
- 交叉编译---基础概念
- PHP序列化反序列化serialize和unserialize函数
- jsp Request获取url信息的各种方法比较
- 使用CSS美化页面,图片偏移技术
- 谈谈 webservice -- axis2框架的使用,JSON数据的传输问题
- 关于img标签间距问题