JavaScriptアラートが表示されません

Question

私は選択オプションメニューを作成しようとしています。ユーザーが最初の（デフォルト）オプションを選択した場合は、警告ウィンドウが表示されますが、表示されません。助けが必要です、ありがとう！ここで

は、ここに私のjavascriptのコード

$('#movetoset').click(function() {  

       if(document.getElementById("selectset").value == "General"){ 
        alert("Please choose a set"); 
       } 
    } 

Answer 1

jQueryを使ってselectの値を取得していないのはなぜですか？

http://jsfiddle.net/davelnewton/CUGva/

Answer 2

変更HTMLコードはJavaScript

<input type="button" class="form_button" onclick="checkFunct()" id="movetoset" value=" Move Marked to Set"> 

へと追加がある私のhtmlコード

<select name="sets" id ="selectset"> 
     <option value="General">Select Set</option> 
     <option value="The Happy Couple">Ceremony</option> 
     <option value="Ceremony">Ceremony</option> 
     <option value="Lunch">Lunch</option> 
     <option value="Garden">Garden</option> 
     <option value="Longname">This is max length</option> 
     </select> 
    <input type="button" class="form_button" id="movetoset" value=" Move Marked to Set"> 

ある

function checkFunct() { 
    if(document.getElementById("selectset").value == "General"){ 
       alert("Please choose a set"); 
      } 
    } 

Answer 3

あなたはあなたが投稿JavaScriptコードはどちらかであることを確認する必要があります。文書で

• ページ内のHTMLの後に準備ができて（またはオンロード）ハンドラ、および/または
• ソース

そうでなければ、そのIDでボタンを選択しようとすると、ボタン要素はまだ解析されていないので、見つからずclも表示されませんickハンドラが添付されます。

はこれを試してみてください：

$(function() { 
    // other document ready processing (if any) here 

    $('#movetoset').click(function() { 
     if($("#selectset").val() == "General"){ 
     alert("Please choose a set"); 
     } 
    } 

    // other document ready processing (if any) here 
}); 

そして限り、あなたはその.val()機能を使用しない理由のjQueryを、使用しているとして（$(function() {});が$(document).ready(function(){});のために短い手であることに留意しますか）？