日期:2014-05-16  浏览次数:20309 次

jQuery对表单select的控制
源码:

<select id="aaa" name="radio">
  <option value="1" selected>ABC</option>
  <option value="2" >BBC</option>  
</select>
<input id="bbb" name="bbb" type="text" value="" />

jQuery:

$("select#aaa").change(function(){

if ($("select#aaa").get(0).selectedIndex = 2){$("input#bbb").attr('style','display:block')};
if ($("select#aaa").get(0).selectedIndex = 1){$("input#bbb").attr('style','display:none')};
});

实现: 类似于原来的select onclick触发事件

  希望实现 select 下拉选择 ABC 时 input 隐藏  
  select 下拉选择 BBC 时 input 显现


目前代码出现的情况,选择一次后,select 就无法选择了,出现空白


代码什么地方出错了???

------解决方案--------------------
JScript code
$(function(){
  $('#aaa').change(function(){
    if(this.value==='1'){
      $('#bbb').show();
    }else{
      $('#bbb').hide();
    }
  });
});