Как функция выбора автоматически превращается в слово «Пожалуйста, выберите»？ - PullRequest
Новая
       4

Как функция выбора автоматически превращается в слово «Пожалуйста, выберите»？

0 голосов
/ 15 января 2020

У меня есть вопрос по поводу функции выбора. У меня есть две входные функции выбора. Когда я выбираю первый вариант ввода, я выбираю второй вариант ввода. Если я go вернусь к первому варианту ввода, чтобы изменить другие параметры, как второй может автоматически превратиться в слово «Пожалуйста, выберите»?

Ниже моя кодировка: 

     <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 Типы "Спонсор событий". После этого, если я хочу, чтобы go вернул Merchant, чтобы изменить другую опцию, Merchant Types автоматически переключится на опцию «Please Select». Итак, у меня вопрос, как автоматически заставить Merchant Types переключиться на опцию «Пожалуйста, выберите»? Спасибо за помощь.

Ответы [ 3 ]

0 голосов
/ 15 января 2020

Надеюсь, это то, что вы ищете 

$('#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>
0 голосов
/ 15 января 2020
  • Вы можете использовать jquery change для управления элементом DOM.
  • Если вы не хотите отключать второй select, вы можете удалить атрибут diabled из тега выбора.
  • А также удалите это из 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>
0 голосов
/ 15 января 2020

Используйте .val() для выбора DOM и укажите значение опции, по которому он будет выбран.
С помощью этой проверки, что выбрано в первом выборе, затем используйте .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, он выберет первый

...