搜索
搜索

显示/隐藏公共输入字段，然后发布到php

learner 发表于 Dev
20
学习者

我正在为用户开发表单，他希望表单字段根据下拉菜单进行更改。因此，例如，如果他选择“图书馆”作为设施名称，那么他应该输入其面积，容量，数量和互联网可用性状态。另一方面，如果他选择“展览区域”，则应输入其类型，区域，容量，数量和互联网状态。如您所见，它们是常见的“重复”字段，导致在php中接收插入的数据时出现问题。

这是我的代码：

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<!-- jQuery Validation Plugin 
hosted by Google API -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<!-- jQuery Library -->
<script type="text/javascript" src="jquery.validate.min.js"></script>
<script type="text/javascript" src="addFacility-validation.js"></script>
<script type="text/javascript">
$(document).ready(function() {
  $.viewMap = {
    'none' : $([]),
    'Library' : $('#Library'),
    'Clinic' : $('#Library'),
    'Indoor Playgrounds' : $('#Library'),
    'Outdoor Playgrounds' : $('#Library'),
    'Mosque' : $('#Library'),
    'Auditorium' : $('#Library'),
    'Ambulance' : $('#Ambulance'),
    'Exhibition Area' : $('#Exhibition,#Library'),
    'Cafeteria' : $('#Library'),
    'Shaded Barking Area' : $('#ShadedBarkingArea'),
    'Toilet' : $('#Toilet'),
    'Drinking Water Fountain' : $('#DrinkingWaterFountain'),
    'Green Areas' : $('#GreenAreas'),
    'Ground Water Tank' : $('#GroundWaterTank'),
    'Student Doom' : $('#StudentDoom'),
    'Student Residential Units' : $('#StudentDoom'),
    'Student Shaded Areas' : $('#StudentShadedAreas'),
  };

  $('#viewSelector').change(function() {
    // hide all
    $.each($.viewMap, function() { this.hide(); });
    // show current
    $.viewMap[$(this).val()].show();
  });
});
</script>
</head>
<body>
<?php 
    $dbhost="localhost";
    $dbuser="root";
    $con = mysqli_connect($dbhost,$dbuser, "");
    if (!$con) 
    {
        printf("Connect failed: %s\n", mysqli_connect_error());
    exit();
    }
    mysqli_select_db($con,'dahbulidings');

    if(isset($_GET['add']))
    {
        if(! get_magic_quotes_gpc() )
        {
            $name = addslashes ($_GET['name']);
            $type = addslashes ($_GET['type']);
            $area = addslashes ($_GET['area']);
            $capacity = addslashes ($_GET['capacity']);
            $quantity = addslashes ($_GET['quantity']);
            $internet = addslashes ($_GET['internet']);
            $available = addslashes ($_GET['available']);
            $comments = addslashes ($_GET['comments']);

        }
        else
        {
            $name = $_GET['name'];
            $type = $_GET['type'];
            $area = $_GET['area'];
            $capacity = $_GET['capacity'];
            $quantity = $_GET['quantity'];
            $internet = $_GET['internet'];
            $available = $_GET['available'];
            $comments = $_GET['comments'];
        }

        echo $b_id.$name.$type.$area.$capacity.$quantity.$internet.$available.$comments;
    }
?>
<div id="content">
  <h3>Facility Information</h3>
  <form action="test.php" method="get" enctype="multipart/form-data" id="addFac-form" novalidate>
    <div class="formLayout">
      <div class="required">
        <label>Facility name</label>
        <select name="name" id="viewSelector">
          <option value="none"></option>
          <option value="Library">Library</option>
          <option value="Clinic">Clinic</option>
          <option value="Indoor Playgrounds">Indoor Playgrounds</option>
          <option value="Outdoor Playgrounds">Outdoor Playgrounds</option>
          <option value="Mosque">Mosque</option>
          <option value="Auditorium">Auditorium</option>
          <option value="Exhibition Area">Exhibition Area</option>
          <option value="Cafeteria">Cafeteria</option>
          <option value="Shaded Barking Area">Shaded Barking Area</option>
          <option value="Ambulance">Ambulance</option>
          <option value="Toilet">Toilet</option>
          <option value="Drinking Water Fountain">Drinking Water Fountain</option>
          <option value="Green Areas">Green Areas</option>
          <option value="Ground Water Tank">Ground Water Tank</option>
          <option value="Student Doom">Student Doom</option>
          <option value="Student Residential Units">Student Residential Units</option>
          <option value="Student Shaded Areas">Student Shaded Areas</option>
        </select>
      </div>
      <br>
      <div id="Exhibition" style="display:none">
        <div class="required">
          <label>Type</label>
          <select name="type">
            <option value="none"></option>
            <option value="Atrium">Atrium</option>
            <option value="Red Carpet">Red Carpet</option>
            <option value="Gallery C Ground Floor">Gallery C Ground Floor</option>
            <option value="Gallery B Ground Floor">Gallery B Ground Floor</option>
            <option value="Gallery C Third Floor">Gallery C Third Floor</option>
            <option value="Gallery B Third Floor">Gallery B Third Floor</option>
          </select>
        </div>
        <br>
      </div>
      <div id="Library" style="display:none">
        <div class="required">
          <label>Area</label>
          <input type="text" name="area" dir="ltr">
        </div>
        <br>
        <div class="required">
          <label>Capacity</label>
          <input type="text" name="capacity" dir="ltr">
        </div>
        <br>
        <div class="required">
          <label>Quantity</label>
          <select name="quantity">
            <option value="none"></option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
          </select>
        </div>
        <br>
        <div class="required">
          <label>Internet</label>
          <select name="internet">
            <option value="none"></option>
            <option value="Available">Available</option>
            <option value="Not Available">Not available</option>
          </select>
        </div>
        <br>
      </div>
      <div id="Ambulance" style="display:none">
        <div class="required">
          <label>Quantity</label>
          <select name="quantity">
            <option value="none"></option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
          </select>
        </div>
        <br>
      </div>
      <div id="ShadedBarkingArea" style="display:none">
        <div class="required">
          <label>Area</label>
          <input type="text" name="area" dir="ltr">
        </div>
        <br>
        <div class="required">
          <label>Capacity</label>
          <input type="text" name="capacity" dir="ltr">
        </div>
        <br>
        <div class="required">
          <label>Quantity</label>
          <select name="quantity">
            <option value="none"></option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
          </select>
        </div>
        <br>
      </div>
      <div id="Toilet" style="display:none">
        <div class="required">
          <label>Type</label>
          <select name="type">
            <option value="none"></option>
            <option value="Single Surface Area">Single Surface Area</option>
            <option value="Common  Surface Area">Common  Surface Area</option>
          </select>
        </div>
        <br>
        <div class="required">
          <label>Area</label>
          <input type="text" name="area" dir="ltr">
        </div>
        <br>
        <div class="required">
          <label>Quantity</label>
          <select name="quantity">
            <option value="none"></option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
          </select>
        </div>
        <br>
        <label>Comments</label>
        <input type="text" name="comments" dir="ltr">
        <br>
      </div>
      <div id="DrinkingWaterFountain" style="display:none">
        <div class="required">
          <label>Quantity</label>
          <select name="quantity">
            <option value="none"></option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
          </select>
        </div>
        <br>
        <label>Comments</label>
        <input type="text" name="comments" dir="ltr">
        <br>
      </div>
      <div id="GreenAreas" style="display:none">
        <div class="required">
          <label>Type</label>
          <select name="type">
            <option value="none"></option>
            <option value="Fountain Area">Fountain Area</option>
            <option value="Bandar Bin Sultan Garden">Bandar Bin Sultan Garden</option>
            <option value="Gate 3 Area">Gate 3 Area</option>
            <option value="Gate 1 Area">Gate 1 Area</option>
          </select>
        </div>
        <br>
        <div class="required">
          <label>Area</label>
          <input type="text" name="area" dir="ltr">
        </div>
        <br>
        <label>Comments</label>
        <input type="text" name="comments" dir="ltr">
        <br>
      </div>
      <div id="GroundWaterTank" style="display:none">
        <div class="required">
          <label>Capacity</label>
          <input type="text" name="capacity" dir="ltr">
        </div>
        <br>
        <label>Comments</label>
        <input type="text" name="comments" dir="ltr">
        <br>
      </div>
      <div id="StudentDoom" style="display:none">
        <div class="required">
          <label>Availability</label>
          <select name="available">
            <option value="none"></option>
            <option value="Yes">Yes</option>
            <option value="No">No</option>
          </select>
        </div>
        <br>
        <label>Comments</label>
        <input type="text" name="comments" dir="ltr">
        <br>
      </div>
      <div id="StudentShadedAreas" style="display:none">
        <div class="required">
          <label>Area</label>
          <input type="text" name="area" dir="ltr">
        </div>
        <br>
        <label>Comments</label>
        <input type="text" name="comments" dir="ltr">
        <br>
      </div>
      <input type="submit" value="Add" name="add" id="add">
    </div>
  </form>
</div>
</body>
</html>

小提琴

当我回显所有表单字段时，我什么也没得到。

如何解决呢？

学习者

我只需将字段名称更改为唯一即可解决此问题。然后，我为设施名称（在我的旧表单中唯一具有唯一名称的字段）创建了一个开关。在每种情况下，我都会收到它的对应输入字段并插入它们。这不是我想象中的大麻烦。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

PHP发布到URL，然后从URL生成页面

来自分类Dev

根据用户输入在Pentaho报告中显示/隐藏字段

来自分类Dev

jQuery从PHP到输入字段的撇号

来自分类Dev

在首页加载时隐藏字段，而不是在php发布之后

来自分类Dev

文本输入字段显示较高，然后在其旁边跨度

来自分类Dev

根据输入字段的填充事件显示隐藏的按钮

来自分类Dev

HTML选择功能，发布到php，然后在html上用ajax显示

来自分类Dev

在下拉列表中选择值显示隐藏的输入字段

来自分类Dev

我如何先隐藏输入字段并先隐藏标签，然后在单击按钮时显示

来自分类Dev

jQuery-显示/隐藏隐藏的输入表单字段

来自分类Dev

如何隐藏/显示用户选择的输入字段？

来自分类Dev

传递JavaScript计算以形成隐藏的输入，然后将其发布到另一个页面

来自分类Dev

发布唯一的修改输入字段php

来自分类Dev

使用PHP if语句产生隐藏的输入字段

来自分类Dev

隐藏的输入不发布？

来自分类Dev

单击链接，然后将隐藏字段中的文本插入输入字段1次以上，然后替换输入字段中的文本

来自分类Dev

在首页加载时隐藏字段，而不是在php发布后隐藏字段

来自分类Dev

从文本输入字段获取值，然后在POST上显示

来自分类Dev

如何根据输入文本字段隐藏或显示类

来自分类Dev

当输入字段为空时显示/隐藏div（jquery，javascript）

来自分类Dev

在附加元素内显示/隐藏输入字段

来自分类Dev

jQuery/Javascript 方法在选择时显示/隐藏多个字段，公共字段到多个选择

来自分类Dev

我如何获取 2 个数字输入字段的值，然后使用 Jquery 进行划分并将结果显示到另一个输入？

来自分类Dev

在 tensorflow 中使用公共输入对占位符进行分组

来自分类Dev

隐藏/显示输入字段 asp

来自分类Dev

将 jquery/ajax 数据发布到隐藏字段

来自分类Dev

Java设计模式，用于将相同输入的不同变化转换为公共输出

来自分类Dev

如何让用户输入文本到字段，将文本发送到数据库，然后显示在页面上？

来自分类Dev

显示和隐藏输入字段

Related 相关文章

  1. 1

    PHP发布到URL，然后从URL生成页面

  2. 2

    根据用户输入在Pentaho报告中显示/隐藏字段

  3. 3

    jQuery从PHP到输入字段的撇号

  4. 4

    在首页加载时隐藏字段，而不是在php发布之后

  5. 5

    文本输入字段显示较高，然后在其旁边跨度

  6. 6

    根据输入字段的填充事件显示隐藏的按钮

  7. 7

    HTML选择功能，发布到php，然后在html上用ajax显示

  8. 8

    在下拉列表中选择值显示隐藏的输入字段

  9. 9

    我如何先隐藏输入字段并先隐藏标签，然后在单击按钮时显示

  10. 10

    jQuery-显示/隐藏隐藏的输入表单字段

  11. 11

    如何隐藏/显示用户选择的输入字段？

  12. 12

    传递JavaScript计算以形成隐藏的输入，然后将其发布到另一个页面

  13. 13

    发布唯一的修改输入字段php

  14. 14

    使用PHP if语句产生隐藏的输入字段

  15. 15

    隐藏的输入不发布？

  16. 16

    单击链接，然后将隐藏字段中的文本插入输入字段1次以上，然后替换输入字段中的文本

  17. 17

    在首页加载时隐藏字段，而不是在php发布后隐藏字段

  18. 18

    从文本输入字段获取值，然后在POST上显示

  19. 19

    如何根据输入文本字段隐藏或显示类

  20. 20

    当输入字段为空时显示/隐藏div（jquery，javascript）

  21. 21

    在附加元素内显示/隐藏输入字段

  22. 22

    jQuery/Javascript 方法在选择时显示/隐藏多个字段，公共字段到多个选择

  23. 23

    我如何获取 2 个数字输入字段的值，然后使用 Jquery 进行划分并将结果显示到另一个输入？

  24. 24

    在 tensorflow 中使用公共输入对占位符进行分组

  25. 25

    隐藏/显示输入字段 asp

  26. 26

    将 jquery/ajax 数据发布到隐藏字段

  27. 27

    Java设计模式，用于将相同输入的不同变化转换为公共输出

  28. 28

    如何让用户输入文本到字段，将文本发送到数据库，然后显示在页面上？

  29. 29

    显示和隐藏输入字段

热门标签

归档