1つのドロップダウンリストを選択したとき他のドロップダウンリストを変更したい場合は

Question

私は質問のようにしたいと思います。 これは私の主要部分です。私はその選択部分から任意のオプションを選択します。他の選択ブロックの要素を選択しないようにしたい。

は私が年を検索し、月、日など

はあなたが私はそれを行うことができますどのように電子を助けることができるため、より選択のブロックを持っていると仮定します。

<select id="makale" size="4"name="formMakale"style="height:7em;width:16em;border:0px;outline:0px;fontsize:16px;padding-left:10px;" > 
<?php 
    $authorsQuery = $hb->authors(); 
foreach($authorsQuery as $v){ 
    echo '<option value="'.$v->id.'">'.$v->name.' - '.count($hb>aticlesbyauthor($v),1000).' yazi</option>';} 
?> 
</select> 

例えば私の他の選択ブロックは次のとおりです。

このブロックは上部選択ブロックの前に、選択された場合、ID makaleで一度選択ブロックが選択され、それが選択されている場合は選択されていないID kategoriSecでブロックを作ります以前お話ししたように。

ありがとうございます。

<select id="kategoriSec" size="4" name="formCat"style="height:7em;width:16em;border:0px;outline:0px;fontsize:16px;padding-left:10px;" > 
    <?php 
    $catQuery = $hb->db->get_results("SELECT * FROM category"); 
     foreach ($catQuery as $v) { 
      echo '<option value="'.$v->id.'">'.$v->name.'</option>'; 
     } 
    ?> 
</select> 

Answer 1

変更イベントでjQueryを使用すると、これを行うことができます。最初に2番目の選択ボックスが空であるかどうかを確認し、最初の選択ボックスから選択すると値をnullに設定します。

$("#makale").on('change', function(){ 
    if($('#kategoriSec').val() != ''){ 
     $('#kategoriSec').val(null); 
    } 
}); 

次のリンクを参照してください。この例はあなたを助けるかもしれません。

https://jsfiddle.net/skpaul82/87h5y0dm/5/