单击其他按钮时如何重置下拉菜单？

Question

我在同一行中有一个下拉菜单和 2 个 btns(AP,SP)。

我在下拉菜单中选择了 Geary, Mia，我想在按下不同的按钮时将其重置为 ClassView。

注意： ClassView 是我的默认选择。

HTML

用于下拉菜单

<div id="dd" class="wrapper-dropdown-1" tabindex="1"> <span>Class View </span>
    <ul class="dropdown">
        <li><a id="class-view" href="#">Class View</a></li>
        <li><a id="student#1" class="student" href="#">Geary, Mia</a></li>
    </ul>
</div>

下面是我现在拥有的：

`Fiddle`

有什么提示吗？

Answer 1

你可以试试

$("#btn-assignment").click(function(){
    $(".dropdown li").eq(0).trigger("click");
});

这将在第一个 LI 元素上触发 'click'，应该重新选择它

我将此事件附加到 'Assignment Performance' 按钮

http://jsfiddle.net/2v57wnys/1/

Answer 2

感谢 @Sushil 和 @emmaaaah 让我在正确的方向思考。

我确信有不止一种方法可以完成这样的任务，但这里是我的方法。我

创建

函数调用：classViewReset()

function classViewReset() {
    $student.removeClass('active');
    $classView.removeClass('active');
    $('#dd').find('span').text('Class View');
}

回调

在我所有的 onClick() 上；函数。

$btnAssignment.click(function(e) {
    e.preventDefault();
    classViewReset(); //<----------------- Call
    imgLoader({btn: $btnAssignment, }); 
});

现在我的下拉菜单已按我的意愿正确重置。现场观看：here

单击其他按钮时如何重置下拉菜单？

How can I reset my dropdown-menu when click on other button?

html

javascript

jquery

drop-down-menu

HTML

`Fiddle`

创建

回调