c# - ASP.NET C# OnMouseOver 事件使 ListBox 出现和消失

Question

我有一个包含列表框和按钮的网络表单。当 onmousover 事件触发时，列表框将出现；但是在页面加载时，列表框不应该可见。我有以下代码(请原谅背景颜色的变化):

Button2.Attributes.Add("onmouseout", 
                       "this.style.backgroundColor='Blue', 
                       ListBox3.style.display ='none'");
Button2.Attributes.Add("onmouseover", 
                       "this.style.backgroundColor='Red',
                       ListBox3.style.display='block'");

此代码在 listbox.visible 设置为 true 时有效。不幸的是，当页面加载时，列表框始终可见，这是我想要避免的。当我将列表框设置为 visible = false 时，上面的代码不起作用。我搞砸了回发并使用了 if 语句，例如 if (button = red), display=block;然而，无济于事。我被困在这一点上。有谁知道我需要做些什么才能使上述代码正常工作？我是 ASP.NET 的新手，所以我不知道我是否还需要对 html 做些什么。另外，有趣的一点是，代码的背景色部分完美无缺。

非常感谢大家的帮助。

Answer 1

当您在服务器端代码中设置 Listbox visible="false"时，列表框的 HTML 不会呈现并发送到客户端。因此，您需要确保列表框被呈现，但设置为在页面加载时不可见，或者通过

• 具有使列表框不可见的初始 CSS 样式

或

• 在 DOM 加载后使用客户端上的 JavaScript 将其设置为不可见。

也看看这个 Display vs. Visibility article