在javascript中键入文本时出现错误

时间:2012-01-18 10:11:15

标签: jquery

我有一个示例代码:

<input type="text" value="" class="ac_input"/>
<input type="submit" class="submit" value="GO"/>
$(document).ready(function(){
    $('.submit').click(function(){
         var q = $('.ac_input').val();
         alert(q);
    });  
});

当我在输入文本上键入“test”时,结果是alert(“undefined”);

如果输入“test”结果为<input type="text" value="test" class="ac_input"/>

,如何修复错误

1 个答案:

答案 0 :(得分:0)

将class =“ac_input”更改为id =“ac_input”。你应该使用类更通用的东西。在这种情况下,您希望使用javascript定位该特定输入,因此ID是更好的选择。

HTML:

<input type="text" value="" id="ac_input"/>
<input type="submit" class="submit" value="GO"/>

使用Javascript:

$(document).ready(function(){
    $('.submit').click(function(){
         var q = $('#ac_input').val();
         alert(q);
    });  
});