当选择一个下拉列表时,我想更改未选中的其他下拉列表

时间:2016-08-07 10:50:01

标签: php jquery

我想像我在这个问题上所说的那样做。 这是我的主要部分。当我从该选择部分中选择任何选项时。我想做其他选择块'元素未被选中。

假设我有更多的选择块用于搜索年,月,日等。

你能帮我知道如何做到这一点。

<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>

例如我的另一个选择块是:

如果在上部选择块之前选择了此块,则一旦选择了标识为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>

1 个答案:

答案 0 :(得分:0)

您可以在change事件上使用jQuery来执行此操作。首先检查第二个选择框是否为空,然后从第一个选择框中选择时将值设置为空。

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

访问以下链接以获取示例。这个例子可以帮到你。

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