Javascript “选择框高度”在chrome中不起作用
页面上有3个单选按钮和一个选择框。单击第一个单选按钮,然后在选择框中,它将分别显示与第一个单选按钮相关的内容…选择第一个单选按钮其工作状态良好,当我选择第二个单选按钮时,选择框的高度正在降低,根本看不见,第三个同样,其发生在chrome中,FF其工作状态良好 我的代码Javascript “选择框高度”在chrome中不起作用,javascript,jquery,html,css,Javascript,Jquery,Html,Css,页面上有3个单选按钮和一个选择框。单击第一个单选按钮,然后在选择框中,它将分别显示与第一个单选按钮相关的内容…选择第一个单选按钮其工作状态良好,当我选择第二个单选按钮时,选择框的高度正在降低,根本看不见,第三个同样,其发生在chrome中,FF其工作状态良好 我的代码 <label><input type="radio" name="reward-venue" value="Fly" checked /><div class="radio-icon Fly-spr
<label><input type="radio" name="reward-venue" value="Fly" checked /><div class="radio-icon Fly-sprite"></div></label>
<label><input type="radio" name="reward-venue" value="Drive" /><div class="radio-icon Drive-sprite"></div></label>
<label><input type="radio" name="reward-venue" value="Stay" /><div class="radio-icon Stay-sprite"></div></label>
<div>
Reward program
<select name="program">
<option value=""> - select one - </option>
{{#fly_programs}}
<optgroup label="Fly">
{{#reward_program}}
<option value="{{reward_program_id}}">{{name}}</option>
{{/reward_program}}
</optgroup>
{{/fly_programs}}
{{#drive_programs}}
<optgroup label="Drive">
{{#reward_program}}
<option value="{{reward_program_id}}">{{name}}</option>
{{/reward_program}}
</optgroup>
{{/drive_programs}}
{{#stay_programs}}
<optgroup label="Stay">
{{#reward_program}}
<option value="{{reward_program_id}}">{{name}}</option>
{{/reward_program}}
</optgroup>
{{/stay_programs}}
</select>
</div>
像这样的东西行吗
$('[name="reward-venue"]').click(function(){
$('optgroup[label!='+$(this).val()+']').hide();
$('optgroup[label!='+$(this).val()+']').children('option').hide();
$('optgroup[label='+$(this).val()+']').show();
$('optgroup[label='+$(this).val()+']').children('option').show();
$('[name="program"]')[0].selectedIndex=0;
});
对我来说,它工作正常,高度没有变化,请提供一个工作代码(尝试使用
$('[name="reward-venue"]').click(function(){
$('optgroup[label!='+$(this).val()+']').hide();
$('optgroup[label!='+$(this).val()+']').children('option').hide();
$('optgroup[label='+$(this).val()+']').show();
$('optgroup[label='+$(this).val()+']').children('option').show();
$('[name="program"]')[0].selectedIndex=0;
});