问题描述
- 判断是否为空！！！！！！
-
比如说有文本框 有下拉框二级联动但是要判断第一个文本框是否为空，如果为空下面的下拉框二级联动就无法执行
用jQuery或者js怎么写 要demo 谢谢了
解决方案
<!DOCTYPE html>
<html>
<head>
<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function () {
$("#test").change(function () {
$("#sel1,#sel2").attr('disabled', $.trim($("#test").val()) == '');
}).trigger('change');
});
</script>
</head>
<body>
<p>文本框为空的时候select 禁止选择，不为空的时候可以选择</p>
<input id='test' type='text' />
<select id='sel1'>
<option value='1'>11</option>
<option value='2'>22</option>
<option value='3'>33</option>
</select>
<select id='sel2'>
<option value='1'>111</option>
<option value='2'>222</option>
<option value='3'>333</option>
</select>
</body>
</html>
解决方案二：
if( $("#id").val()=="" || $("#id").val() ==null )
return;
else
{
...
}
解决方案三：
具体的功能呢？是在文本框中输入文本之后，在下拉选中显示出文本框的内容，然后再根据文本框的执行下拉选吗？
解决方案四：
http://blog.csdn.net/sun2015_07_24/article/details/50504623
解决方案五：
<!DOCTYPE html>
<html>
<head>
<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
$("#test").change(function(){
if($.trim($("#test").val())==''){
$("#sel1").attr('disabled',true);
$("#sel2").attr('disabled',true);
}else{
$("#sel1").attr('disabled',false);
$("#sel2").attr('disabled',false);
}
});
});
</script>
</head>
<body>
<p>文本框为空的时候select 禁止选择，不为空的时候可以选择</p>
<input id='test' type='text'/>
<select id='sel1'>
<option value='1'>11</option>
<option value='2'>22</option>
<option value='3'>33</option>
</select>
<select id='sel2'>
<option value='1'>111</option>
<option value='2'>222</option>
<option value='3'>333</option>
</select>
</body>
</html>
时间： 2024-08-29 08:37:33