Значение 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

нужно завернуть в $ (документ) .ready и переместить ваши $ («# кошка»). По вызову ...

<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>