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

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

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

Answer 2

在选择 DOM 上使用，并给出选项的值，它将被选中。

通过此检查，在第一次选择中选择的内容，然后使用.val().val()

$("#events").click(function(){

   if($("#events option:selected").text() == "Reset First Select"){

 $("#merchants").val('Please Select');

 }

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Merchants:

<select id="merchants">

  <option>Please Select</option>

  <option>Saab</option>

  <option>Mercedes</option>

  <option>Audi</option>

</select><br>

Event:

<select id="events">

  <option>Reset First Select</option>

  <option selected>Saab</option>

  <option>Mercedes</option>

  <option>Audi</option>

</select><br>

编辑：
我刚刚补充说，当在第二个选项被选中时，它将首先选择reset first option

Answer 3

您可以使用 jquery 来操作 DOM 元素。change

如果不想禁用 second，可以从选择标记中删除属性。selectdiabled

并且还要从jquery代码中删除它$("#select2").removeAttr('disabled');

    $(document).ready(function(){

    $("#select1").on('change',function(){

            $("#select2").val('Please Select');

            $("#select2").removeAttr('disabled');

    });

    });

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    Select Value:

<select id="select1">

  <option>Please Select</option>

  <option>value1</option>

  <option>value2</option>

  <option>value3</option>

</select>

<select id="select2" disabled>

      <option>Please Select</option>

      <option>value1</option>

      <option>value2</option>

      <option>value3</option>

    </select>