投稿前にjavascriptを使用してフォームから値を取得したい

Question

入力テキストフォームから値を取得して、送信前にPHPに送信したいと考えています。

例： PHPファイル：

$do="FORM VALUE HERE";  //HERE IS $_POST['search']; 
$result = mysql_query("SELECT * FROM table WHERE name='$do'"); 
while($row = mysql_fetch_array($result)) 
    { 
    $code=$row['code_number']; 
    } 

HTML：

<script > 
HERE WHAT I WANT TO DO 
<script /> 

FORM：

<form action="view_results.php?code=<? echo $code ?>" method="post"> 
<input type="text" name="search" /><br /> 
<input type="submit" value="search" /> 
<form /> 

ので、この例で私が取得したい$ DO = $ _ POST [ 'search']をクリックしてbottonをサブミットすると、次のページでmySQLの結果を表示することができます。

おかげ

Answer 1

あなたは、フォームのは、それをキャンセルし、イベントを提出したいフォームの値をつかむ、あなたのPHPのポストを作るキャッチし、だが行われたときに、戻って自分のフォームを送信することができます。ただ、 `[「検索」]` $ _POSTから値を取得し、次のページに表示 - ここにはJavaScriptが必要はありません

<form id="form1" action="view_results.php?code=<? echo $code ?>" method="post"> 

document.forms["form1"].onsubmit = function(e) { 
    e.preventDefault(); //cancel form submit 

    var searchValue = this.search.value; 

    var self = this; 
    //post searchValue to your PHP page using your favorite JS library, 
    //then in the call back, submit your form with self.submit(); 
}; 

Answer 2

<form action="view_results.php?code=<? echo $code ?>" method="post" onsubmit="beforeSubmit(event)"> 
    <input type="text" name="search" /><br /> 
    <input type="submit" value="search" /> 
<form /> 

<script > 
    //HERE WHAT I WANT TO DO 

    function beforeSubmit(event){ 

     event.preventDefault(); 

     var form = event.currentTarget; 

     // form.search.value will give the text in search 

    } 
<script />