javascript - 从 C# 代码获取 html 按钮/下拉文本

Question

我想知道如何从 C# 中的 HTML 按钮/下拉菜单中获取文本？使用 asp.net dropdownlist 我能够执行 string text = dropdownlist.Value;但它似乎并不那么简单，或者也许确实如此，具有不同类型的下拉菜单。我无法使用 asp 下拉列表，因为它不能充当按钮和下拉菜单。以下功能用于将文本从默认的“高级”更改为用户选择的项目文本。用户更改按钮文本后，我想获取该文本并将其用作 sqlbuild.where 子句的条件。此外，单击搜索按钮后，更新按钮的文本应保留。使用 asp 下拉列表，刷新后该值仍然存在，但由于某种原因，当我搜索更新的下拉菜单时，选择提交后更改将被删除

Something like this is what i had in mind to do:
// get advancedsearch value
string selectedTxt = AdvancedSearch.value;
//filter on selected value
if (selectedTxt == "item1")
{
    sqlbuilder.where = ("input1@");
}
else if (selectedTxt == "item2")
{
   sqlbuild.where = ("input2@");
etc

        // container for button/dropdown menu
        <div class="container">
                <div class="row buffer">
                    <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 ">
                            <div class="input-group" role="group" >
                                <div class="input-group-btn" role="group">
                                <asp:Button runat="server" class="btn btn-secondary dropdown-toggle" id="AdvancedSearch" data-toggle="dropdown" OnClientClick="AdvancedSubmit();" style="background-color:#718CA1;color:#FFF;" Text="Advanced:" />
                            <ul class="dropdown-menu" runat="server" id="dropdown" style="background-color:#718CA1;color:#FFF;">
                                <li><a class="dropdown-item" href="#" data-value="asset">item1</a></li>
                                <li><a class="dropdown-item" href="#" data-value="building">item2</a></li>
                                <li><a class="dropdown-item" href="#" data-value="astmgrbems">item3</a></li>
                            </ul>
                            </div>
                            </div>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 text-center">
                            <div class="input-group" role="group">
                                <input type="text" id="InquiryInput2" onblur="javascript:removeSpaces()" style="display:none" runat="server" class="form-control" Width="280px" />
                            </div>
                    </div>
                </div> 
                </div>

编辑 - 意识到我忘记添加功能(如果有帮助的话)

函数高级提交() { var obj = document.getElementById('<%=InquiryInput2.ClientID%>');

         if (obj.style.display == 'none') {
             obj.style.display = 'block';
         }
     };
     $(function () {
         $(".dropdown-menu li a").click(function () {
             var selText = $(this).text();
             /* $(".btn btn-secondary").html(selText);*/
             alert(selText);
             document.getElementById('<%=AdvancedSearch.ClientID%>').value = selText;
         })
     });

Answer 1

只需添加一个 ASP 隐藏字段即可。然后在 javascript 中设置该字段的值以及按钮的值。这样，当提交表单时，它就会被发送回服务器。