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();
}
});
});