尝试使用jQuery获取javascript时的TextField值为空

TextField value when tried to get in javascript using jQuery is empty

本文关键字：TextField 时的 javascript 获取 jQuery      更新时间：2023-09-26

我正试图从提交按钮的textField onclick中获取一个值到javascript函数，并试图向用户发出警报。为此，我使用JSP和Jquery（在javascript中）。

JSP-

<input id="employeeName" type="text" name="empName" value=ben/> 
<input type="button" value="search employee" onclick="abc();" />

JAVASCRIPT-

function abc() {
   var typedEmployee = $('#employeeName').val();
   alert(typedEmployee );
}

问题-当我执行此操作时，我得到typedEmployee值"，并且警报为空。

我也尝试过使用-

var typedEmployee = document.getElementById('employeeName').value;

还是同样的问题。

我以前用过这种方法，效果很好。

有人能帮我一下吗？？？

这一点jQuery是有效的。

<input id="employeeName" type="text" name="empName" value="ben" /> 
<input type="button" id="getName" value="search employee" />

删除之前的onClick，并在button 中添加一个id="getName"

将以下内容放在页面的head部分。

<script type="text/Javascript">
$(document).ready(function(){   
    $('#getName').click(function(){
        var typedEmployee = $('#employeeName').val();
        alert(typedEmployee);
    });
});
</script>

编辑-更改上面的代码以显示如何在页面上放置

http://jsfiddle.net/jasongennaro/dkQFq/

只需从两种输入类型的开头删除一个引号，看看它是否有效。

您需要将值ben放在引号下&删除单引号。

你的jquery在我的FF 5.0 中运行得很好

试试这个：

<input id="employeeName" type="text" name="empName" value="ben" /> 
<input type="button" value="search employee" onclick="abc();" /> 
<script type="text/javascript">
function abc() {
   var typedEmployee = $('#employeeName').val();
   alert(typedEmployee );
   typedEmployee = document.getElementById('employeeName').value;
   alert('employee = ' + typedEmployee);
}
相关文章：