未选择下拉菜单的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>