当单选按钮选择更改不会导致刷新？
当单选按钮的选择发生变化时，我想在下一个表格单元格中显示/隐藏面板。我将其隐藏和显示得很好，但每次都会导致页面刷新到顶部。他们是阻止刷新的方法吗？我想动态隐藏和显示面板。
<table>
<tr>
<td>
<asp:RadioButtonList runat="server" ID="rblPlayerStatus" AutoPostBack="true" >
<asp:ListItem>Free Agent</asp:ListItem>
<asp:ListItem>I have teammate</asp:ListItem>
</asp:RadioButtonList>
</td>
<td>
<asp:Panel runat="server" ID="pnlTeamMate">
<asp:Label runat="server" ID="lblTeamMate" Text="Choose Teammate" />
</asp:Panel>
</td>
</tr>
</table>
When the selection of the radio buttons change I would like to show/hide the panel in the next table cell. I have it hiding and showing fine but each time it causes the page to refresh to the top. Is their a way to stop that refresh? I would like to hide and show the panel dynamically.
<table>
<tr>
<td>
<asp:RadioButtonList runat="server" ID="rblPlayerStatus" AutoPostBack="true" >
<asp:ListItem>Free Agent</asp:ListItem>
<asp:ListItem>I have teammate</asp:ListItem>
</asp:RadioButtonList>
</td>
<td>
<asp:Panel runat="server" ID="pnlTeamMate">
<asp:Label runat="server" ID="lblTeamMate" Text="Choose Teammate" />
</asp:Panel>
</td>
</tr>
</table>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
使用 AJAX.ASP.Net 库 - 然后添加 ScriptManager 项和 UpdatePanel。 UpdatePanel 中的任何内容都将通过 AJAX 进行更新，而不是整个页面刷新。
Use the AJAX.ASP.Net library - then you add a ScriptManager item, and an UpdatePanel. Anything within the UpdatePanel will update through AJAX, not a full page refresh.
您是否有基于显示和隐藏面板的服务器端逻辑。如果是，那么您可以使用更新面板控件。如果只是客户端逻辑，例如
如果选择 Free Agent，则选择显示 FreeAgent 面板，否则团队面板
使用 javascript 或 jquery 来实现相同的效果。
Do you have any server side logic based on which show and hide the panel. If yes then you could use update panel control. If it is just client side logic such as
If Free Agent is select show FreeAgent Panel else Team Panel
use javascript or rather jquery to achieve the same.
从您的代码中，我看不到您隐藏和显示面板的位置。您可以使用更新面板，但最好在需要从服务器检索更多信息时使用。
如果您只想显示和隐藏面板，则可以使用 Javascript 做得更好，方法是向 OnClick 事件添加一些代码来设置面板的可见性 css 属性。谷歌上有一些关于如何做到这一点的教程。像这个 应该足以帮助您入门。
From your code, I can't see where you hide and show the panel. You could use an updatepanel, but that is best used when you need to retrieve more information from the server.
If you simply want to show and hide the panel, you can do it better with Javascript, by adding some code to the OnClick event to set the panel's visibility css attribute. There are a few tutorials on google about how to do this. Something like this should be sufficient to get you started.
解决方案是使用 AJAX（UpdatePanel 和 ScriptManager）或删除
AutoPostback = true并使用 JavaScript 显示/隐藏面板Solution would be either using AJAX (UpdatePanel and ScriptManager) or removing
AutoPostback = trueand using JavaScript to display/hide the panel