Question

我尝试创建一个选择，你可以选择一种颜色来改变背景。我想通过一个开关和外壳实现这一目标，但它似乎没有用。

这是我的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

Jquery Selection选项不适用于switch和case

1 个答案: