하나의 드롭 다운 목록을 선택하면 다른 드롭 다운 목록을 선택 취소합니다.

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로 한번 선택 블록이 선택된다

이드 미선택 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를 사용할 수 있습니다. 먼저 두 번째 선택 상자가 비어 있는지 확인한 다음 첫 번째 선택 상자에서 선택할 때 값을 null로 설정하십시오.

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

예를 들어 아래 링크를 방문하십시오. 이 예가 도움이 될 수 있습니다.

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