Очистить значения 2-го раскрывающегося списка на основе значения 1-го раскрывающегося списка - PullRequest
Новая
       20

Очистить значения 2-го раскрывающегося списка на основе значения 1-го раскрывающегося списка

0 голосов
/ 27 марта 2019

Когда я выбираю 1-й выпадающий список, мне нужно очистить 2-й выпадающий список.

Я использовал .empty() метод, но если я буду использовать этот метод позже, я не получу 2-й выпадающий список значений.

Я пробовал следующий метод: 

     $("#taskcategorylist").change(function () {
        console.log("Task Category Changed");
        $('#tasktypes').val("");
     });

1-й выпадающий Html-код: 

   <div class="field">
       <b>Task Category</b>
       <div class="ui selection dropdown"> 
       <i class="dropdown icon"></i>
       <div class="default text">Select</div>
       <div class="menu" id="taskcategorylist"></div>
      </div>
    </div>

2-й выпадающий Html-код: 

 <div class="field">
   <b>Task Type</b>
   <div class="ui selection dropdown">
   <i class="dropdown icon"></i>
   <div class="default text">Select</div>
   <div class="menu" id="tasktypes"></div>
  </div>
</div>

1-й выпадающий код Jquery: 

 $.get(window.routemap + "api/task/taskcategory", function (data) {
        self.taskcategorylist = JSON.parse(data.Data).Lookup;
        self.taskcategorylist.forEach(function (item) {
            $('#taskcategorylist').append("<div  class='item' data-value='" + 
            item.category_id + "'> " + item.category_name + "</div >");
        });
    });

2-й выпадающий код Jquery: 

$.get(window.routemap + "api/firm/tasktypes", function (data) {
        self.tasktypes = JSON.parse(data.Data).Lookup;
        self.tasktypes.forEach(function (data) {
            $('#tasktypes').append("<div class='item' data-value='" + 
            data.tasktype_id + "'> " + data.task_name + "</div >");
        });
    });

1 Ответ

2 голосов
/ 27 марта 2019

Попробуйте этот код. 

$("#taskcategorylist").change(function () {
    console.log("Task Category Changed");

    $('#tasktypes').parents(".ui.dropdown").dropdown('clear');
});
...