未選擇下拉菜單的Jquery值

Question

我已經使用數組填充了具有值的下拉列表。但每當我從下拉列表中選擇的值，它沒有顯示或做相應的action.My代碼：

<script type="text/javascript"> 
    $("#cat").on('click', function() { 
     var data = { 
      '1': 'Mock 1', 
      '2': 'Mock 2', 
      '3': 'Mock 3', 
      '4': 'Mock4', 
      '5': 'Mock5' 
     } 

     var s = $('<select id="c" />'); 

     for(var val in data) { 
      $('<option />', {value: val, text: data[val]}).appendTo(s); 
     } 

     s.appendTo('#f'); // or wherever it should be 
    }); 
    </script> 
    <script> 

    var m=$("#c option:selected").text(); 
    alert(m); 
    if(m=="Mock 1") { 
     var url = "http://www.careerlauncher.com/sis/mba/mock_2_question.pdf"; 
     $(location).attr('href', url); 
    } 
    if(m=="Mock 2") { 
     var url = "http://www.careerlauncher.com/sis/mba/mock_3_question.pdf"; 
     $(location).attr('href', url); 
    } 
    if(m=="Mock 3") { 
     var url = "http://www.careerlauncher.com/sis/mba/mock_4_question.pdf"; 
     $(location).attr('href', url); 
    } 
    if(m=="Mock4") { 
     var url = "http://www.careerlauncher.com/sis/mba/mock_5_question.pdf"; 
     $(location).attr('href', url); 
    } 
    </script> 

我也試圖把這個塊的點擊事件，但它認爲此刻下Mock1被選中時，它會重定向到其他頁面，因此用戶將無法選擇其他選項。請幫我修改代碼。

Answer 1

需要包裝在$（文件）。就緒和移動你的$（「＃貓」）。隨叫隨到......

<script type="text/javascript"> 
$(document).ready(function(){ 
    var data = { 
     '1': 'Mock 1', 
     '2': 'Mock 2', 
     '3': 'Mock 3', 
     '4': 'Mock4', 
     '5': 'Mock5' 
    } 

    var s = $('<select id="c" />'); 

    for(var val in data) { 
     $('<option />', {value: val, text: data[val]}).appendTo(s); 
    } 

    s.appendTo('#f'); // or wherever it should be 
    $("#cat").on('click', function() { 
     var m=$("#c option:selected").text(); 
     alert(m); 
     if(m=="Mock 1") { 
      var url = "http://www.careerlauncher.com/sis/mba/mock_2_question.pdf"; 
      $(location).attr('href', url); 
     } 
     else if(m=="Mock 2") { 
      var url = "http://www.careerlauncher.com/sis/mba/mock_3_question.pdf"; 
      $(location).attr('href', url); 
     } 
     else if(m=="Mock 3") { 
      var url = "http://www.careerlauncher.com/sis/mba/mock_4_question.pdf"; 
      $(location).attr('href', url); 
     } 
     else if(m=="Mock4") { 
      var url = "http://www.careerlauncher.com/sis/mba/mock_5_question.pdf"; 
      $(location).attr('href', url); 
     } 
    }); 
}); 

</script>