Question

我正在创建一个表单，并希望在表单的某个部分完成时发生一些事情。我有一些复选框，一个下拉菜单和三个只读文本字段。当填充了复选框和下拉字段时，我需要弹出一些内容，但不知道如何执行此操作。我尝试在一个表单中放一个表单，但在那之后失败了，我后来读到了这个问题，我发现这是不切实际的。无论如何，这是我的表格代码：

<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>

感谢您的帮助！

Answer 1

您可能有兴趣学习基本的javascript表单事件。互联网上有很多教程。我建议你这个：http://www.javascriptkit.com/jsref/select.shtml

Answer 2

如果您需要在选中所有复选框并更改下拉列表后显示弹出窗口，请将此类函数添加到所有复选框的onclick事件和下拉框的onchange事件中。

function func（）{
      var inputTags = document.getElementsByTagName（'input'）;
  var dropdowns = document.getElementsByTagName（'SELECT'）;
  for（var i = 0; i＆lt; inputTags.length; i ++）{
  if（inputTags [i] .type =='checkbox'）{
  var aCheckBox = inputTags [i];
  if（！aCheckBox.checked）{
  返回;
  }
  }
  }
  if（下拉[0] .value =='default'）{
  返回;
  }   alert（“所有复选框和下拉列表都已填写。”）;
  }


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

Answer 3

只是为了指出正确的方向：你必须使用javascript来检查表单输入值，并显示一个弹出窗口。

您可以使用jQuery轻松完成此操作，并为表单submit（）操作创建一个监听器，您可以在其中检查是否选中了复选框和下拉列表。

jQuery doc在这里：http://api.jquery.com/submit/

表单部分的HTML表单操作

3 个答案: