jQueryを使用してJavaScriptを取得しようとするとTextFieldの値が空になる

Question

JavaScript関数に送信ボタンのonclickのtextFieldから値を取得しようとしていて、同じことをユーザーに警告しようとしています。私は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

両方の入力タイプの最初から一重引用符を削除して、動作するかどうかを確認してください。

Answer 2

引用符で値を入力する必要があります&一重引用符を削除します。

あなたのjqueryのは、これを試してみてください5.0

私のFFでうまく動作します：

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

Answer 3

のjQueryのこの小さなビットは動作します。

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

前からonClickを削除し、あなたのページのheadセクションで、次のbutton

Placeにid="getName"を追加します。

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

EDIT - コード上記のページ

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