Question

我有2个选择输入，我试图重置第二个取决于第一个值，但我无法弄清楚..

显示和隐藏部分运行良好，但我真的无法重置第二个选择

这是HTML部分：

 <div>
   <select id="select_cat" name="cat">
    <option value>Choose a cat</option>
    <option value ="cat1">cat 1</option>
    <option value ="cat2">cat 2</option>
    <option value ="cat3">cat 3</option>
  </select>
</div>

<div id="div_sub_cat">
  <select id="select_sub_cat" name="sub_cat">
    <option value>Choose a sub cat</option>
    <option value ="sub_cat1">sub_cat 1</option>
    <option value ="sub_cat2">sub_cat 2</option>
    <option value ="sub_cat3">sub_cat 3</option>
  </select>
</div>

这是jquery部分：

 $(document).ready(function() {
   $('#div_sub_cat').hide();

   /**
   * the select_sub_cat should select the default option everytime it shows
   */
   $('#select_cat').change(function(){
    if($('#select_cat option:selected').text() == 'cat 2') {
        $('#div_sub_cat').show('fast'); 
        $('select#select_sub_cat').val('').prop('selected', true);
    } else {
        $('#div_sub_cat').hide('fast'); 
    } 
   });
 });

我尝试了各种方法，例如：

 if($('#select_type option:selected').text() == 'cat 2') {
    $('#div_sub_cat').show('fast'); 

    //what ive already tried
    $('#select_sub_cat').val('');
    //i tried to select an other option but didnt work too..
    $('#select_sub_cat option[value="sub_cat2"]')
 }

我真的不知道imma做错了什么！有什么想法吗？

修改对我来说最好的答案是Qsprec's，但是如果你想选择一个特定的选项，ssilas777也会起作用

Answer 1

试试这个

if($('#select_type option:selected').text() == 'cat 2') {
    $('#div_sub_cat').show('fast'); 
    $('select#select_sub_cat').val("sub_cat2");
}

重置其他选择值的输入选择

1 个答案: