Question

我需要在jquery中设置我的下拉菜单中的所选项目，但我无法使其正常工作。

我的下拉代码如下：

<button type="button" id="aktiv" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
  Aktiv <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
 <li><a href="#">Aktiv</a></li>
 <li><a href="#">Inaktiv</a></li>
</ul>

Answer 1

以下功能可用于设置菜单文本。它还设置了按钮元素的值，以便您可以使用$('#aktiv').val()检索它。

function setAktivMenu(text) {
    $('#aktiv').val(text).html(function(i, html) {
        return text + html.slice(html.indexOf(' <'));
    });
}

您可以调用该函数来设置菜单文本，如下所示：

setAktivMenu('Inaktiv');

您还可以为菜单选项设置事件处理程序，以便在单击时更改菜单文本：

$('#aktiv + .dropdown-menu').on('click', 'li>a', function() {
    setAktivMenu($(this).text());
});

jsfiddle

Answer 2

我对你的“下拉菜单”感到有点困惑。通常会有人以这种方式制作......

<select class="dropdown-menu">
    <option value="Aktiv"> Aktiv </option>
    <option value="Inaktiv"> Inaktiv </option>
</select>

如果这是您选择的下拉菜单类型，您可以使用...

设置所选值

$(".dropdown-menu").val("Aktiv");

在下拉菜单中设置所选项目

2 个答案: