判断是否为空!!!!!!

判断是否为空!!!!!!

问题描述:

比如说有文本框 有下拉框二级联动

但是要判断第一个文本框是否为空,如果为空下面的下拉框二级联动就无法执行
用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
{
...
}

 <!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>

具体的功能呢?是在文本框中输入文本之后,在下拉选中显示出文本框的内容,然后再根据文本框的执行下拉选吗?