选择功能如何自动变成“请选择”字？

Question

我有一个关于“选择”功能的问题。我有两个输入“选择”功能。当我选择第一个输入选项时，我选择第二个输入选项。如果我回到第一个输入选项来更改其他选项，第二个选项如何自动变成“请选择”单词？

以下是我的编码：

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

以下是我的输出图片：

输出

例如：

首先，我选择商家选项是“PALVO”，然后我选择商家类型是“活动赞助”。之后，如果我想返回商家以更改其他选项，商家类型将自动转到“请选择”选项。因此，我的问题是如何自动使商家类型转向“请选择”选项？感谢您的帮助。

Answer 1

我希望这是你要找的$('#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">&nbsp; <option>Please Select</option>&nbsp; <option>Option</option>&nbsp; <option>Option1</option>&nbsp; <option>Option2</option></select><select id="type">&nbsp; <option value="0">Please Select</option>&nbsp; <option>Type</option>&nbsp; <option>Type1</option>&nbsp; <option>Type2</option></select>

Answer 2

在选择 DOM 上使用，并给出选项的值，它将被选中。通过此检查，在第一次选择中选择的内容，然后使用.val().val()$("#events").click(function(){&nbsp; &nbsp;if($("#events option:selected").text() == "Reset First Select"){&nbsp;$("#merchants").val('Please Select');&nbsp;}});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>Merchants:<select id="merchants">&nbsp; <option>Please Select</option>&nbsp; <option>Saab</option>&nbsp; <option>Mercedes</option>&nbsp; <option>Audi</option></select><br>Event:<select id="events">&nbsp; <option>Reset First Select</option>&nbsp; <option selected>Saab</option>&nbsp; <option>Mercedes</option>&nbsp; <option>Audi</option></select><br>编辑：我刚刚补充说，当在第二个选项被选中时，它将首先选择reset first option

Answer 3

您可以使用 jquery 来操作 DOM 元素。change如果不想禁用 second，可以从选择标记中删除属性。selectdiabled并且还要从jquery代码中删除它$("#select2").removeAttr('disabled');&nbsp; &nbsp; $(document).ready(function(){&nbsp; &nbsp; $("#select1").on('change',function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $("#select2").val('Please Select');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $("#select2").removeAttr('disabled');&nbsp; &nbsp; });&nbsp; &nbsp; });&nbsp; &nbsp; <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>&nbsp; &nbsp; Select Value:<select id="select1">&nbsp; <option>Please Select</option>&nbsp; <option>value1</option>&nbsp; <option>value2</option>&nbsp; <option>value3</option></select><select id="select2" disabled>&nbsp; &nbsp; &nbsp; <option>Please Select</option>&nbsp; &nbsp; &nbsp; <option>value1</option>&nbsp; &nbsp; &nbsp; <option>value2</option>&nbsp; &nbsp; &nbsp; <option>value3</option>&nbsp; &nbsp; </select>