Html：フォームからの入力の価値を得るには？

Question

私は、次のコードを持っている：私は、入力フィールドにユーザーが入力した値を関数searchAndUpdateGridを起動する

<form method='POST' onsubmit='javascript:searchAndUpdateGrid(GET_THE_VALUE_OF_INPUT);return false;' 
<input type="text" id="inputField" class="form-control" placeholder="Type something..."> 
</form> 

を。どうやってやるの ？ （私はJavascriptからそれを得ることを避けたい）

ありがとう！

Answer 1

あなたはそれを行うにはonkeyupイベントのためのいくつかのJavaScriptコードを記述する必要があります。それが正常に動作します

$(document).on('keyup','#inputField',function(){ 
    searchAndUpdateGrid(); 
}); 

function searchAndUpdateGrid(){ 
    var inputtxt = $('#inputField').val(); 
    $.post('file.php',{text:inputtxt},function(data){ 
     //type statement for after success the server request. 
     //Example you must put the result of destination file in to the 
    //HTML div that we assume it's id 'preview' then 
    //you should be type that code 
    $('#preview').append(data); 
    }); 
} 

..... これはjqueryのAJAXのPOSTメソッドです。しかし、あなたはGETメソッドを使うことができます。 getメソッドを使用している場合は$ .postから$ .getに変更する必要があります。別のプロブラムは、中括弧の中にあるものです。これは、宛先phpまたはaspファイルにテキストボックス値を送ることを望むパラメータです。テキストパラメータとしてテキストボックス値を送信することがあります。

Answer 2

$("#inputField").val()は、（jQueryの助けを借りて）入力の価値を与えます。あなたはjavascriptを使用していて、javascript関数を探しています - したがって、javascriptからそれを取得する方法はありません。あるいは、PHPを使用して、フォームを取得するファイル（ 'action'属性で指定されたもの）から値を取得することができます。$_POST['inputName']