为什么我的jQuery没有向我返回<select> </select>的值

时间:2011-04-20 08:23:40

标签: javascript jquery javascript-events jquery-selectors

我的 index.html

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

    <input type=button id="get_btn" value="Get"></input>

    <script src="myscript.js"></script>

</body>

myscript.js

var btn=$('#get_btn');
btn.click(function(){

    var car= $('#car').val;
    alert(car);
});

当我按下获取按钮时,我希望显示所选汽车的警报,但我有一个警告窗口,其中包含jQuery val 功能代码:

function (value) {
    if (!arguments.length) {
        var elem = this[0];
        if (elem) {
             ....

哪里出错?

3 个答案:

答案 0 :(得分:4)

“。value”是一个函数。使用:

var car= $('#car').val();

答案 1 :(得分:1)

val是一个函数,而不是一个变量。您需要修改 myscript.js 代码,如下所示:

var btn=$('#get_btn');
btn.click(function(){
    var car = $('#car').val();
    alert(car);
});

答案 2 :(得分:0)

你缺少括号:

var car= $('#car').val;

应该是:

var car= $('#car').val();