在javascript中更改选定的组合框值

Question

我有 2 个组合框，如果我选择值“foto”，另一个组合框将显示 #foto_cat。当我选择“panen”时，foto_cat 被隐藏，否则。如果不选择，foto_cat 也会被隐藏。

这是我的脚本

<script type="text/javascript">
$(document).ready(function(){

$('#combo1').change(function(){
       x=$(this).val();
        if(x=='foto'){
        $('#foto_cat').show();
         }
        else if(x=='panen'){
        $('#foto_cat').hide();
        }
        else{
        $('#foto_cat').hide();
        $('#foto_cat').val('0');
        }
      });
  });

  </script>

      <p class="blok">
    <label for="id">Kategori Report :</label>
    <?php
            $options = array(
              '0'  => '--------',
              'panen'  => 'Panen',
              'foto'  => 'Foto',
            );
            echo form_dropdown('combo[combo1]',$options,'0','id="combo1"');         
        ?>
   </p>
<p class="blok" id="foto_cat" style="display:none">
<label for="id">Kategori Foto :</label>
    <?php
            $options = array(
              '0'  => '--------',
              'pupuk'  => 'Pemupukan',
              'pelihara'  => 'Pemeliharaan',
            );
    echo form_dropdown('combo[combo5]',$options,'0','id="combo5"');         
        ?>
</p>

问题是。当我在combo1 value =“0”中选择时如何更改combobox id =combo5，combobox combo5将选择相同的值= 0并隐藏其他选项，当我选择值“foto”时，组合框会显示并且选项也会显示？

对不起我的英语不好。

Answer 1

试试类似的东西

 function SetSel(val)
    {
        var secondCombo = document.getElementById ( "cmb" );
        secondCombo.value = val.value;   
    }