0

フォームを作成していて、フォームの特定の部分が完成したときに何かが発生するようにしたいと考えています。いくつかのチェックボックス、ドロップダウンメニュー、および3つの読み取り専用テキストフィールドがあります。チェックボックスとドロップダウンフィールドが入力されたときにポップアップするものが必要ですが、これを行う方法がわかりません。フォームをフォームに入れてみましたが、失敗して後で読んだところ、実用的ではないことがわかりました。とにかく、これがフォームの私のコードです:

<form action="http://siedb1.sys.virginia.edu/~jhr3ct/Code/Reserve%20Confirmation.php">
        Facility: <input type="checkbox" name="facility" value="AFC">AFC
        <input type="checkbox" name="facility" value="Memorial Gym">Memorial Gym
        <input type="checkbox" name="facility" value="Slaughter">Slaughter
        <input type="checkbox" name="facility" value="North Grounds">North Grounds<br>
        Type of Room/Court: 
        <select>
            <option value="default">Choose room...</option>
            <option value="squash">Squash</option>
            <option value="handball">Handball</option>
            <option value="racquetball">Racquetball</option>
            <option value="multipurpose">Multipurpose</option>
        </select><br>
        Room: <input type="text" name="start" readonly="readonly"><br>
        Start Time: <input type="text" name="start" readonly="readonly"><br>
        End Time: <input type="text" name="end" readonly="readonly"><br><br>
        <input id="submit" type="submit" value="Submit">
    </form>

助けてくれてありがとう!

4

3 に答える 3

5

基本的な JavaScript フォーム イベントの学習に興味があるかもしれません。インターネット上には多くのチュートリアルがあります。これをお勧めします:http://www.javascriptkit.com/jsref/select.shtml

于 2012-11-04T07:03:22.667 に答える
1

すべてのチェックボックスがオンになってドロップダウンが変更された後にポップアップを表示する必要がある場合は、この種の関数をすべてのチェックボックスのonclickイベントとドロップダウンボックスのonchangeイベントに追加します。

function func(){
      var inputTags = document.getElementsByTagName('input');
      var dropdowns = document.getElementsByTagName('SELECT');
      for(var i = 0; i <inputTags.length; i ++){
          if(inputTags [i] .type =='チェックボックス'){
             var aCheckBox = inputTags [i];
             if(!aCheckBox.checked){
                return;
             }
         }
      }
      if(dropdowns [0] .value =='default'){
          return;
      }
      alert( "すべてのチェックボックスとドロップダウンが入力されています。");
}

<form action="../Confirmation.php">
     <input onclick="func()" type="checkbox" name="facility" value="AFC">AFC
     <input onclick="func()" type="checkbox" name="facility"
                   value="Slaughter">Slaughter
     <select onchange="func()" id="ss">
</form>

于 2012-11-04T09:44:26.143 に答える
0

正しい方向を示すために: フォームの入力値を確認し、ポップアップ ウィンドウを表示するには、javascript を使用する必要があります。

jQuery を使用して簡単に行うことができ、フォームの submit() アクションのリスナーを作成して、チェックボックスとドロップダウンが選択されているかどうかを確認できます。

jQuery ドキュメントはこちら: http://api.jquery.com/submit/

于 2012-11-04T07:03:38.060 に答える