尝试使用jQuery在javascript中获取时，TextField值为空
尝试使用jQuery在javascript中获取时，TextField值为空
提问于 2011-06-29 12:22:15
我正在尝试从提交按钮的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; 仍然是同样的问题。
我以前用过这种方法，效果很好。
有人能帮我一下吗？
回答 3
Stack Overflow用户
发布于 2011-06-29 12:53:10
这一小部分jQuery是有效的。
<input id="employeeName" type="text" name="empName" value="ben" />
<input type="button" id="getName" value="search employee" /> 从前面删除onClick，然后将id="getName"添加到button
将以下内容放入页面的head部分。
<script type="text/Javascript">
$(document).ready(function(){
$('#getName').click(function(){
var typedEmployee = $('#employeeName').val();
alert(typedEmployee);
});
});
</script>编辑-以上代码已更改，以显示如何放置在页面上
http://jsfiddle.net/jasongennaro/dkQFq/
Stack Overflow用户
发布于 2011-06-29 12:28:40
只需删除两个输入类型开头的单引号，然后看看它是否有效。
Stack Overflow用户
发布于 2011-06-29 12:31:54
您需要将value ben放在quotes下并删除单引号。
您的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);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6515725
复制相关文章
相似问题
腾讯云开发者
