为什么我无法获得 <select> 字段的正确值？

Question

在我的 index.html 中，我有一个选择下拉菜单：

<select id="car">
    <option value="bmw">BMW</option>
    <option value="toyota">TOYOTA</option>
</select>

我的 js：

var c = $('#car');

var selection;

c.change(function(){

    if(c.val()==='bmw'){

        selection = 'BMW';

    }else if(c.val()==='toyota'){

        selection = 'TOYOTA';

    }

});

console.log(c.val());
console.log(selection);

第一次加载页面时，初始选择是BMW，我得到控制台输出“BMW”这很好，然后我选择“TOYOTA”，但两个控制台输出仍然是“BMW”。

如何获取当前 jQuery .change(...) 函数外选择的值在选择被更改后？？

______错字已修复____________

car.val() 和 Selection 都是我在帖子中的错字，在我的代码中我确实使用了selection 和c.val()。

我的观点是如何从 jQuery change() 函数中获取当前选择值。请不要再讨论我的错字。谢谢。

Answer 1

当您应该使用c 时，您正在查看car。 car 没有 val() 方法。

if(c.val()==='bmw'){

    selection = 'BMW';

} else if(c.val()==='toyota'){

    selection = 'TOYOTA';
}

另请注意，var Selection; 与 selection（小写）不是同一个变量。

---

更好的方法可能是：

c.change(function(){
    selection = c.find(":selected").text();
});

工作示例：http://jsfiddle.net/hunter/XespU/

Answer 2

您应该使用小写定义您的 var 选择，如下所示：

var selection;

为什么？ Javascript 区分大小写，因此，Sensitive 和sensitive 是不同的变量。

另外，你应该定义你的汽车变量，像这样：

var selection;
c.change(function(){
    var car = $(this); //declare it
    if(car.val()==='bmw'){
        selection = 'BMW';
    }else if(car.val()==='toyota'){
        selection = 'TOYOTA';
    }
});