переключатель случай с Select Option

Question

У меня возникают проблемы, чтобы установить переключатель Case со значением A Выбор опций, вот код, я использую:

<form id="selectcub" name="selectcub"> 
    <select id="cub01" name="cub01" class="cub"> 
     <option value="2013" selected>2013</option> 
     <option value="2012">2012</option> 
     <option value="2011">2011</option> 
     <option value="2010">2010</option> 
     <option value="2009">2009</option> 
     <option value="2008">2008</option> 
     <option value="2007">2007</option> 
    </select> 

    <select id="cub02" name="cub02" class="cub"> 
     <option value="01">01</option> 
     <option value="02">02</option> 
     <option value="03" selected>03</option> 
     <option value="04">04</option> 
     <option value="05">05</option> 
     <option value="06">06</option> 
     <option value="07">07</option> 
     <option value="08">08</option> 
     <option value="09">09</option> 
     <option value="10">10</option> 
     <option value="11">11</option> 
     <option value="12">12</option> 
    </select> 

    <a id="cubdl" href="#" class="button">Open</a> 
</form> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
     switch($('#cub02 option:selected').val()) { 
      case 01: 
       alert("I am an alert box! 1"); 
      break; 
      case 02: 
       alert("I am an alert box! 2"); 
      break; 
      default: 
       // 
     } 
    }); 
</script> 

Что я делаю неправильно? Тут находится демо-версия: http://jsfiddle.net/whC97/

Answer 1

Проблема заключается в том, что вы являетесь обязательными для $(document).ready(), а не щелчок ссылки. Таким образом, javascript проверяет значение при загрузке, а значение равно 03, для которого у вас нет case.

Если вы изменили значение по умолчанию, выбранное на 01, и поместите случаи в кавычки, вы можете видеть, что он работает хорошо.

Answer 2

val() всегда будет возвращать строку. Попробуйте поставить «01», «02» и т. Д. В свой switch.

Answer 3

Попробуйте это -

Demo -->http://jsfiddle.net/whC97/5/

$(document).ready(function() { 
    switch (parseInt($('#cub02').val())) { 
     case 1: 
      console.log("I am an alert box! 1"); 
      break; 
     case 2: 
      console.log("I am an alert box! 2"); 
      break; 
     default: 

    } 
}); 

Answer 4

Две вещи: Один: как было сказано ранее, val() возвращает строку, поэтому вам нужно использовать, например, '01'. Двойка: функция вызывается сразу, когда dom готов, поэтому будет только предупреждение, если вы ищете «03», как это выбрано в вашем коде. Вы, вероятно, ищете слушатель событий ...

$(document).ready(function() { 
    $('#cub02').on('change', function(){ 
     switch($('#cub02 option:selected').val()) { 
      case '01': 
       alert("I am an alert box! 1"); 
      break; 
      case '02': 
       alert("I am an alert box! 2"); 
      break; 
     } 
    }); 
}); 

И скрипку: http://jsfiddle.net/whC97/11/

Answer 5

Вы пытаетесь использовать строковое представление, Вы должны использовать ParseInt (VAL) или переключить случай заявление использовать цитируемый строковую версию вашего номера

http://jsfiddle.net/whC97/9/

Модифицирование Пример Выдается:

$(document).ready(function(){ 
        var val = $('#cub02').val(); 
        switch(parseInt(val)) { 
        case 01: 
         alert("I am an alert box! 1"); 
        break; 
        case 02: 
         alert("I am an alert box! 2"); 
        break; 
        default: 
        // 
       } 
      });