为什么我无法获得<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 ”。

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

__________________________________________________________________________________________________________错误

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

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

Answer 1

您正在查看car何时应该使用c。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/