javascript - ASP.net 保存隐藏的 div 状态

Question

我有一个破解的下拉框，可以显示和隐藏某些 div。

<div id="dropDownMenu" onclick="showMenu();">Option 2
  <ul>
    <li onclick="showDiv('div1');">Option 1</li>
    <li onclick="showDiv('div2');">Option 2</li>
    <li onclick="showDiv('div3');">Option 3</li>
    </ul>
</div>

这工作得很好，除了当我的 asp 表单按钮被单击时，它会将页面重新加载到默认加载 View (显示选项 2 和 div2)。如何使组合框不会在每次单击 asp 表单按钮时重置为默认值？

编辑:好的，我可以毫无问题地添加隐藏字段，但我从未使用过 clientID 属性。帮帮我吗？

html:

<asp:HiddenField ID="currentSelection" value="div2" runat="server" />

JavaScript:

document.getElementById('currentSelection').value=divName; 

然后我想添加

showDiv(document.getElementById('currentSelection').value) 

到我的按钮点击结束。

Answer 1

在页面中添加一个HiddenField，并使showMenu函数在其中写入当前选项的值。然后在按钮单击事件中恢复下拉列表的状态，从隐藏字段中读取值。基本上，您需要一个选项 2 所在位置的文字并设置其值。

您需要获取 HiddenField 的客户端 ID，以便在 JS 函数中使用。您需要使用 ClientID 属性或将控件的 id 模式设置为静态，但请记住，如果多次渲染此模板，这将导致问题，因为将有多个具有相同 id 的 DOM 元素。