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

尝试使用jQuery获取javascript时的TextField值为空,javascript,jquery,jsp,Javascript,Jquery,Jsp,我试图从单击submit按钮的textField中获取一个值,并尝试向用户发出警告。我正在为此使用JSP和Jquery(javascript) JSP- <input id="employeeName" type="text" name="empName" value=ben/> <input type="button" value="search employee" onclick="abc();" /> 问题-当我执行此操作时,我得到typedEmployee值

我试图从单击submit按钮的textField中获取一个值,并尝试向用户发出警告。我正在为此使用JSP和Jquery(javascript)

JSP-

<input id="employeeName" type="text" name="empName" value=ben/> 
<input type="button" value="search employee" onclick="abc();" /> 
问题-当我执行此操作时,我得到typedEmployee值“”,警报为空

我也试过使用-

var typedEmployee = document.getElementById('employeeName').value; 
还是一样的问题

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


有人能帮我解决这个问题吗?

只要从两个输入类型的开头删除一个引号,看看它是否有效

您需要在引号下添加值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);
}

函数abc(){
var typedeemployee=$('#employeeName').val();
警报(类型为DeEmployee);
typedeEmployee=document.getElementById('employeeName')。值;
警报('employee='+typedeemployee);
}

这一点jQuery很管用

<input id="employeeName" type="text" name="empName" value="ben" /> 
<input type="button" id="getName" value="search employee" /> 
编辑-更改上面的代码以显示如何在页面上放置


嗨,萨米尔,我的代码中没有使用单引号。当我写这个问题时,它在这个页面上是不可见的。为了让它在这里可见,我不得不添加报价。谢谢,我试过了,但还是收到了同样的空白警报。同样的事情在另一个jsp页面中也可以正常工作。我更新了代码。添加了第二个js打印。如果你试试这个,你会看到什么?如果仍然存在问题,请查看页面上的源代码,看看html是什么……我尝试了您的建议,第一个警报为空,第二个警报显示-employee=在文本框中键入内容。这是斯塔恩。您尝试另一个浏览器以查看是否有任何不同。第二个是纯js。我在IE8和FF5中试过。在字段中输入,仍然会发生相同的事情…:(我在函数外部添加了这个jquery代码,firebug说没有定义$。但是我有jquery导入。当我在函数内部尝试这个时,它没有做任何事情,firebug中也没有错误。Thanks@Sara.确保添加
id=“getName”
按钮,然后将jQuery代码放在
文档中。ready
函数位于页面
标题
部分的
脚本
标记中。因此
$(文档)。ready(function(){///这里回答代码/});
执行了与您要求的相同的操作,我收到了一个空白警报。
<input id="employeeName" type="text" name="empName" value="ben" /> 
<input type="button" id="getName" value="search employee" /> 
<script type="text/Javascript">
$(document).ready(function(){   
    $('#getName').click(function(){
        var typedEmployee = $('#employeeName').val();
        alert(typedEmployee);
    });
});
</script>