jQuery对表单select的控制

Question

源码：<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 就无法选择了，出现空白
代码什么地方出错了？？？

Answer 1

$(function(){
  $('#aaa').change(function(){
    if(this.value==='1'){
      $('#bbb').show();
    }else{
      $('#bbb').hide();
    }
  });
});

Answer 2

$('#aaa').change(function(){
  $('#bbb').toggle();
});