のjQuery：フォームの取得入力値

Question

Iは、次のコードを持っている：

<form action="" method="get" onsubmit="doRequest($('word').value); $('word').value=''; return false;"> 
    <input type="text" name="word" id="word" value="" /> 
    <input type="submit" name="submit" value="Send" /> 
    </form> 

doRequest（）関数：

function doRequest(request) 
{ 
$.ajax(url, { 
type: 'get', 
data: { 'msg' : request } 
}); 
} 

I値のように手動でワード値を変更した場合の問題は、あります= "111"、私は値がPHPに掲載されているのを見ることができます。しかし、私がテキストエリアに書き込むものを投稿したいときは、何も投稿しないので、問題はonSubmitエリアにあります。

誰でもこのことについて私を助けることができますか？

Answer 1

あなたのjQueryセレクタに#がありません。

onsubmit="doRequest($('#word').value); $('#word').value=''; return false;" 

私はまた、インラインJavaScriptを削除し、代わりにsubmit handlerにおける機能とそれを置き換えます。また、.valueの代わりにjQuery .val()を使用します。

$(document).ready(function() { 
    $('form').submit(function() { 
     doRequest($('#word').val()); 
     $('#word').val(''); 
     return false; 
    }); 
}); 

Answer 2

jQueryを介して値にアクセスするための正しい方法はval()ある - ないプロパティを設定することによって。

$(...).val("set the value"); 
var get_the_value = $(...).val(); 

はまた、あなたの現在のセレクターは、あなたがうまくいけば、持っていない<word>要素を探しています。 IDで検索するセレクタとして#wordを使用してください。