Question

我正在尝试从提交按钮的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;

仍然是同一个问题。

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

有人可以帮我解决这个问题吗？

Answer 1

这个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/

Answer 2

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

Answer 3

你需要将值ben置于引号和＆amp;删除单引号。

你的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);
}

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

3 个答案: