Question

出于某种原因，我的输入值不会显示在控制台......

这是我的代码，

HTML：

<tr class="area"><td class="icon"></td> 
    <td class="title">
       <div>
         User: <input id="inputUser" type="text" style="margin-top: 2px;margin-left:2px"></input> 
         Ammount: <input id="inputAmmount" type="text" style="margin-top:2px;margin-left:2px; padding-right: 0px"></input>
       </div>
      <td><a class="btn" style="margin-top:3px">Submit</a></td>
    </td>        
</tr>

JQUERY

$('.btn').click(function(){
        console.log("click detected");
        var userID = $('#inputUser').val();
        var ammount = $('#inputAmmount').val();
        console.log(userID);
});

控制台成功输出＆＃34;点击检测到＆＃34;但对于userID，它不会显示任何内容。

Answer 1

您的代码适合我： http://jsfiddle.net/1reLtunc/

我唯一可以推荐的是，在为$('.btn').click创建事件监听器时检查是否确定您的HTML已经呈现并且没有通过ajax加载。

如果通过ajax加载，则需要在ajax调用完成后重新绑定事件监听器。

此外，请确保将$('.btn').click事件监听器包裹在$(document).ready(function() { /* your code here */ })或简写等式中：$(function() { /* your code here */ })

输入值未在控制台中显示

1 个答案: