私のアプリケーションでは、自分のページの1つにドロップダウンページが含まれています画像をクリックすると、モーダルそれはうまく動作し、ポップアップを表示します。その後、私は再び画像モーダルをクリックしてその時点でドロップダウン値を選択すると、それは動作していませんでした。画像データを変更するためにドロップダウン値を選択したときにモーダルが機能しない
は、UpdatePanelのを使用している場合、あなたはポストバック後にはJavaScriptを再バインドする必要があなたに
私のアプリケーションでは、自分のページの1つにドロップダウンページが含まれています画像をクリックすると、モーダルそれはうまく動作し、ポップアップを表示します。その後、私は再び画像モーダルをクリックしてその時点でドロップダウン値を選択すると、それは動作していませんでした。画像データを変更するためにドロップダウン値を選択したときにモーダルが機能しない
は、UpdatePanelのを使用している場合、あなたはポストバック後にはJavaScriptを再バインドする必要があなたに
ありがとうございます。
方法でJavaScriptをラップします。
<script type="text/javascript">
$(document).ready(function() {
bindModal();
});
function bindModal() {
// Get the modal
var modal = document.getElementById('myModal');
//rest of your javascript code
}
</script>
OnSelectedIndexChanged
イベントが発生したときにコードの背後からこのメソッドを呼び出します。
protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
ScriptManager.RegisterStartupScript(Page, Page.GetType(), "bindModal", "bindModal();", true);
}
ありがとうございます –
私たちにドロップダウンとそのコードを教えてください。あなたが選択してオプションを選択すると、あなたのモーダルで何かをしていますか? – pwnz22
こんにちは@ pwnz22、私はドロップダウンコードを追加しました。一度見ていただけますかありがとうございます –
'img.onclick'を' img.addEventListener( 'click'、function(){modal.style.display = "block"; modalImg1.src = "img.PNG"; }); ' – pwnz22