错误javascript无法从属性值获取值

Question

$(document).ready(function(){
    $('.submit').click(function(){
         var value = $('#Name').attr('value');
        alert(value); 
    });  
});
<input type="text" value="10" id="Name"/>Hello world
<input type="submit" class="submit" value="submit"/>

  

结果是“Hello World”，我想得到的值是“10”，如何解决？

Answer 1

我不确定你为什么得到Hello World，但要检索输入的值，请使用val()函数

var value = $('#Name').val();

您的网页上没有第二个输入，ID为“姓名”，是吗？

---

此外，根据您的目标，您可能最好处理表单的提交事件，而不是提交按钮的点击处理程序：

$(document).ready(function(){
    $('form').submit(function(){
         var value = $('#Name').val();
        alert(value); 
    });  
});

Answer 2

example 的工作小提琴，