javascript - 如何使用 javascript 将值 bootstrap 下拉列表设置为隐藏值 asp.net

Question

我有 4 个值，下拉菜单项，另一个项目，第三项，最后一个

<div class="search-bar-dropdown dropdown">
    <div class="dropdown-container">
            <p class="dropdown-button js-dropdown-button">All</p>
            <ul class="dropdown-menu dropdown-select">
                <li>Dropdown Menu Item</li>
                <li>Another Item</li>
                <li>Item Three</li>
                <li>The Last One</li>
            </ul>
        <asp:hiddenfield id="_hdDropDown" runat="server"></asp:hiddenfield>
    </div>
</div>

我不知道如何使用 javascript 将标记 p 和标记 ul li 中的值设置为隐藏字段，请帮助我

Answer 1

假设您使用的是 jQuery，请尝试以下操作:

$(function () {
    $(".dropdown-container p, .dropdown-container ul li").click(function () {
        $("[id$=_hdDropDown]").val($(this).text());
    });
});