2017-01-02 9 views
1

私のアプリケーションでは、自分のページの1つにドロップダウンページが含まれています画像をクリックすると、モーダルそれはうまく動作し、ポップアップを表示します。その後、私は再び画像モーダルをクリックしてその時点でドロップダウン値を選択すると、それは動作していませんでした。画像データを変更するためにドロップダウン値を選択したときにモーダルが機能しない

は、UpdatePanelのを使用している場合、あなたはポストバック後にはJavaScriptを再バインドする必要があなたに

+0

私たちにドロップダウンとそのコードを教えてください。あなたが選択してオプションを選択すると、あなたのモーダルで何かをしていますか? – pwnz22

+0

こんにちは@ pwnz22、私はドロップダウンコードを追加しました。一度見ていただけますかありがとうございます –

+0

'img.onclick'を' img.addEventListener( 'click'、function(){modal.style.display = "block"; modalImg1.src = "img.PNG"; }); ' – pwnz22

答えて

0

ありがとうございます。

方法で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); 
} 
+0

ありがとうございます –

関連する問題