Question

我对JQuery有点新意，所以这就是我要做的事情：在这里我点击图标（称为'otherActions'）创建一个下拉菜单。

如果用户选择了第一个我想要它做某事（比如重置密码）。如果选择第二个，我希望它做其他事情。

如何使用JQuery执行此操作？我不知道应该在哪里放置方法。非常感谢你的帮助！

var otherActions = $('<div class="icon" style="...." title="..."></div>');
$(otherActions).click(function()
{
    var menuDiv = $('#otherActions');
    if (menuDiv.length == 0)
    {
        menuDiv = $('<div id="otherActions" class="myObject" style="..."></div>');
        $('body').append(menuDiv);
    }
    otherActions = new myObject(menuDiv);  
    otherActions.addItem('Action 1', 0);      //myObject methods 
    otherActions.addItem('Action 2', 1);
    otherActions.popupXY(x, y);            //myObject method that creates the drop-down list
});
result.append(otherActions); // this is just one of the icons I have to set up

Answer 1

您可以使用jquery的change()。当您在下拉菜单中更改值时，将触发此操作。用法是这样的：

$("select").change(
 function () {
  var val=this.value;
  switch (val)
  {
    case "reset" :
     //do action for reset
     break;
    case "someother" :
     //do something else
     break;
   }
)

注意您需要在append下拉到您的html之后输入此代码。您的下拉列表必须存在于此事件的DOM中才能附加到下拉列表中。有关此信息，请参阅docs

JQuery下拉列表选择

1 个答案: