如何使用javascript设置值bootstrap下拉到隐藏值asp.net

Question

我有4个全部值，下拉菜单项，另一个项目，项目3，最后一个

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

我不知道如何在标签p中设置值并使用javascript将ul li标记到hiddenfield帮助我

Answer 1

假设您正在使用jQuery，请尝试以下操作：

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