-1

Web サイトに実装する必要があるスクリプトに関するヘルプが見つかりません。

  1. SELECT ONE
  2. 訪問者は、a、b、c、または d を選択します
  3. SELECT TWO、彼らはその後
  4. 1、2、3、4、5、6 ～ 14 を選択
  5. GO

次にクリックgoすると、選択内容に対応するページに移動します。

オプション1を選択してもオプション2の選択が変更されないという点で、オプションは連鎖していないことを付け加えておく必要があります。彼らは同じままです。

どんな助けでも感謝します。

4

1 に答える 1

0

サーバーでフォーム入力を処理する場合は、PHP などのサーバー側言語を使用する必要があります。これを実現するための簡単なチュートリアルは次のとおりです: http://www.tizag.com/phpT/forms.php/

クライアント側でフォームを処理する場合は、JavaScript を使用してフォーム内の選択された値を収集し、それらの値で何かを行います。フォーム送信のボタンにイベントハンドラを付与できるので、別のページへのリダイレクトを行う必要はありません。

例えば：

HTML フォームは次のようになります。

<form>
    <select name="firstSelect" id="firstSelect"> ...
      ...
    </select>
    <select name="secondSelect" id="secondSelect">
      ...
    </select>
    <input type="submit" name="submit" id="submit" value="Submit form" onclick="javascript: return processForm();" />
</form>

フォームの送信ボタンを調べる:

<input type="submit" name="submit" value="Submit form" 
 onclick="javascript: return processForm();" />

このコード ブロックが行うことは、ユーザーが送信ボタンをクリックしたときに javasript 関数 processForm() をトリガーすることです。また、ページのリダイレクトを防ぎます。

処理関数は次のようになります。

<script>
   function processForm()
   {
       // fetch selected values from the form and do actions based on that
       var firstValue = $('form select#firstSelect').val();
       var secondValue = $('form select#secondSelect').val();

       // prevent form redirection 
       return false;
   }
</script>

実行する可能性のあるアクションの例は、ページ上の特定の結果の div の非表示/表示、フォーム処理の結果の表示などです。

于 2012-07-27T14:03:16.950 に答える