Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript “选择框高度”在chrome中不起作用_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript “选择框高度”在chrome中不起作用

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

页面上有3个单选按钮和一个选择框。单击第一个单选按钮,然后在选择框中,它将分别显示与第一个单选按钮相关的内容…选择第一个单选按钮其工作状态良好,当我选择第二个单选按钮时,选择框的高度正在降低,根本看不见,第三个同样,其发生在chrome中,FF其工作状态良好

我的代码

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