jqueryでonchangeイベントを使用する

Question

ユーザーがonchangeイベントを使用して特定のオプション（Customizeという名前）を選択し、div（customizeOptionのidを持つ）がポップアップし、ユーザーがdivを終了すると/彼女はボタンをクリックします（idはdonebtnです）。このような機能を持ち、onchangeイベントを使用することをお勧めしますか？他の提案は本当に感謝しています。

function optionCheck(events) { 

    if(events.value=="Customize") { 
     $('document').ready(function() { 
      $("#customizeOption").show(400); 
      $("#donebtn").click(function() { 
       $("#customizeOption").hide(400); 
      }); 
     }); 
    } 
} 

Answer 1

$('document').ready(function() {});

これは本体のみのonloadを模倣することです。

私は上記のコードを書き換えることができます。

function optionCheck(events) { 
    if(events.value=="Customize") { 
     $("#customizeOption").show(400); 
     $("#donebtn").click(function() { 
      $("#customizeOption").hide(400); 
     }); 
    } 
} 

DIVがレンダリングされた後に必ず書き込んでください。また、ブラウザがこのJSをコンパイルしているときに利用できます。このスクリプトはページの一番下に置くことをお勧めします。

---

EDITED

SELECT BOXは、クラスmySelectBoxを持っているあなたはそれをコード内の任意の場所を配置する場合、以下の機能があなたのために働くだろうと仮定すると。

$('document').ready(function() { 
    $('.mySelectBox').change(function(){ 
     if($(this).attr('value')) == "Customize") { 
      $("#customizeOption").show(400); 
      $("#donebtn").click(function() { 
       $("#customizeOption").hide(400); 
      }); 
     } 
    }); 
});