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

时间:2012-11-02 06:12:10

标签: php javascript combobox

我有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中选择值=“0”时,如何更改组合框id = combo5组合框combo5将选择相同的值= 0并隐藏其他选项,当我选择值“foto”组合框显示时,选项也将显示?

我的英语不好。

1 个答案:

答案 0 :(得分:1)

尝试类似

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