0

我正在制作一个表格，并希望在表格的某个部分完成后发生一些事情。我有一些复选框、一个下拉菜单和三个只读文本字段。当复选框和下拉字段被填充时，我需要弹出一些东西，但不知道如何做到这一点。我尝试将表格放入表格中，但在此之后失败了，后来我阅读了此事，我发现这是不切实际的。无论如何，这是我的表单代码：

<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 事件中。

函数 func() {
      var inputTags = document.getElementsByTagName('input');
      var dropdowns = document.getElementsByTagName('SELECT');
      for (var i = 0; i < inputTags.length; i++) {
          if (inputTags[i].type == 'checkbox') {
             var aCheckBox = inputTags[i];
             如果（！aCheckBox.checked）{
                返回；
             }
         }
      }
      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 回答