Javascript 基于第一个下拉值清除第二个下拉值

当我选择第一个下拉列表时，我需要清除第二个下拉列表

我使用了

.empty（）

方法，但如果以后使用此方法，则不会得到第二个下拉列表值

我尝试了以下方法：

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

第一个下拉式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> 

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

任务类别
挑选

第二个下拉式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> 

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

任务类型
挑选

第一个下拉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 >");
        });
    });

$.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 >");
        });
    });

$.get（window.routemap+“api/task/taskcategory”，函数（数据）{
self.taskcategorylist=JSON.parse（data.data）.Lookup；
self.taskcategorylist.forEach（函数（项）{
$（'#taskcategorylist'）。追加（“+item.category_name+”）；
});
});

第二个下拉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 >");
        });
    });

$.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 >");
        });
    });

$.get（window.routemap+“api/firm/tasktypes”，函数（数据）{
self.tasktypes=JSON.parse（data.data）.Lookup；
self.tasktypes.forEach（函数（数据）{
$（'#tasktypes'）。追加（“+data.task_name+”）；
});
});

试试这段代码

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

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

试试这个代码

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

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

---

什么不起作用？我使用的是同一个框架，我使用的是你们使用的同一种方法，这段代码对我有效，你能给我们演示一下工作演示或代码片段吗，这样就很容易调试问题了是的，现在我在事件中犯了错误，你的答案完全符合我的预期，谢谢。什么不起作用？我使用的是相同的框架，我使用的方法与您使用的方法相同，这段代码对我有效，您能给我们演示一下工作演示或代码片段吗，这样就可以很容易地调试问题了是的，现在我在事件中犯了错误，您的答案完全符合我的预期，谢谢。