当下拉列表控件's值发生变化时进行确认
本文关键字:变化 确认 控件 下拉列表 | 更新日期: 2023-09-27 18:02:14
我有以下代码在我的aspx(使用c#背后的代码)。
<asp:DropDownList ID="ddlConfirm" runat="server" </asp:DropDownList>
有两个值。是和否
初始值为Yes。我想显示一个确认弹出框,只要用户选择NO(之前任何提交或任何东西被点击)。
我该怎么做呢?
您可以使用下面的jQuery来显示消息。
<asp:DropDownList ID="ddlConfirm" runat="server" OnChange="ddlConfirmClick()">
</asp:DropDownList>
function ddlConfirmClick() {
if ($('#<%= ddlConfirm.ClientID %>').val() == "NO") {
if(confirm("Are you sure you want to continue?")){
// do something.
}
}
}
你可以在javascript中处理。
<script type='text/javascript'>
window.onload = function() { HookUpEvent(); }
function HookUpEvent()
{
var comboBox= document.getElementById ( "MyComboId" );
comboBox.onchange = function () { OnComboSelected( this ); }
}
function OnComboSelected(selectedElement)
{
if(selectedElement.value == 'No')
{
alert('Your warning message!');
}
return false;
}
</script>
请不要说这里的关键是return false;
-你需要它来防止页面发布回来。
您可以通过简单地返回true
来有条件地继续回发。
$('#<%= ddlConfirm.ClientID %>').change(function(){
//on-change code goes in here.
if (this.val() == "NO") {
alert("message")
}
});