javascript - Jquery 选择选项不适用于 switch 和 case

Question

我尝试创建一个选择，您可以选择颜色来更改背景。我想用 switch 和 case 来完成这个任务，但它似乎不起作用。

这是我的 html:

<select id="categorie">
    <option value="1">blue</option>
    <option value="2">red</option>
    <option value="3">green</option>
</select>

这是我的 jquery:

$('#categorie').change(function(){

 var val = $(this).val();

switch (val) {
    case 1: $("#categorie").val( 1 );

    $('body').css('background-color','blue')
    break;
    case 2: $("#categorie").val( 2 );
    $('body').css('background-color','red')
    break;
    case 3: $("#categorie").val( 3 );
    $('body').css('background-color','green')
    break;}
});

Answer 1

您需要使用parseInt，因为.val()函数默认返回字符串值。

因此将您的代码更改为

 var val = parseInt($(this).val(), 10);

DEMO