首页 > 解决方案 > 选择功能如何自动变成“请选择”字样?

问题描述

我对“选择”功能有疑问。我有两个输入“选择”功能。当我选择第一个输入选项时,我选择了第二个输入选项。如果我回到第一个输入选项更改其他选项,第二个如何自动变成“请选择”字?

下面是我的编码:

     <label for="cp8" class="control-label col-lg-4">Merchant</label>
    <div class="col-lg-5">

                            <select class="form-control required" id="branch_id3" name="branch_id3">
                                <option value="" selected>Please Select</option>
                                <!--<option value="0" selected>All</option>-->
                            <?php
                            $sql_branch = 'SELECT * FROM merchant_list;';
                            $arr_branch = db_conn_select($sql_branch);
                            foreach ($arr_branch as $rs_branch) {
                                echo '<option value="' . $rs_branch['id'] . '">' . $rs_branch['shop_name'] . '</option>';
                            }
                            ?>
                            </select>
                                </div><br><br><br>
                                 <label for="cp8" class="control-label col-lg-4">Merchant Types</label>
<div class="col-lg-5">

                            <select class="form-control required" id="merchant_type" name="merchant_type">
                                <option value="" selected>Please Select</option>
                           <option value="1">Event Sponsored</option>
                                <option value="2">Normal Merchant</option>
                            </select>
                                </div><br><br><br>

下面是我的输出图片:

输出

例如:

首先我选择 Merchant 选项是“PALVO”,然后我选择 Merchant Types 是“Event Sponsored”。之后,如果我想返回商户更改其他选项,商户类型将自动转到“请选择”选项。所以,我的问题是如何自动让商家类型转向“请选择”选项?感谢您的帮助。

标签: phphtmlselect

解决方案


我希望这就是你要找的

$('#option').change(function(){
$('#type').val(0);
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="option">
  <option>Please Select</option>
  <option>Option</option>
  <option>Option1</option>
  <option>Option2</option>
</select>

<select id="type">
  <option value="0">Please Select</option>
  <option>Type</option>
  <option>Type1</option>
  <option>Type2</option>
</select>


推荐阅读