私のaspxには次のコードがあります(コードビハインドにC#を使用)。
<asp:DropDownList ID="ddlConfirm" runat="server" </asp:DropDownList>
2つの値があります。はいといいえ。
最初は、値は「はい」になります。ユーザーが[いいえ]を選択するとすぐに(送信または何かがクリックされる前に)確認ポップアップボックスを表示したいと思います。
どうやってやるの?
私のaspxには次のコードがあります(コードビハインドにC#を使用)。
<asp:DropDownList ID="ddlConfirm" runat="server" </asp:DropDownList>
2つの値があります。はいといいえ。
最初は、値は「はい」になります。ユーザーが[いいえ]を選択するとすぐに(送信または何かがクリックされる前に)確認ポップアップボックスを表示したいと思います。
どうやってやるの?
次の 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")
}
});