(HTML/PHP)下拉菜单选择会影响表格和表单

Question

我正在做一个人事管理的数据库，有一个页面，你可以输入所有的教育记录(学校，高中，大学，等等)我拿到了这张表格

<form name="form2" method="post" enctype="multipart/form-data" action="">
<table  id="rounded-corner" width="85%" border="0">
          <tr>
            <th width="20%" ><p>Start Date</p></th>
            <th width="20%" ><p>End Date</p></th>
            <th width="20%" ><p>Institution Name</p></th>
            <th width="20%" ><p>Intitution Type</p></th>
            <th width="10%" ><p>Actions</p></th>
          </tr>
          <tr>
            <td>
            <input type="hidden" name="CI" id="CI" autocomplete="off" required value="<?php echo $data1['CI']; ?>"/>
            <select name="instype">
    <?php
    $sql3=mysql_query("SELECT * FROM institutionslist");
    while($datalt1=mysql_fetch_array($sql3))
    {
    ?>
        <option value="<?php echo $datalt1['InstituteType'] ?>"><?php echo $datalt1['InstituteType'] ?>
    <?php
    }
    ?>
    </select></td>
            <td><input type="text" name="Institute" id="Institute" size="2px" maxlength="2px" autocomplete="off" required value=""/></td>
            <td><input type="text" name="FdID" id="FdID" size="2px" maxlength="2px" autocomplete="off" required value=""/>
            <input type="text" name="FdIM" id="FdIM" size="2px" maxlength="2px" autocomplete="off" required value=""/>
            <input type="text" name="FdIA" id="FdIA" size="3px" maxlength="4px" autocomplete="off" required value=""/></td>
            <td><input type="text" name="FdCD" id="FdCD" size="2px" maxlength="2px"autocomplete="off" required value=""/>
            <input type="text" name="FdCM" id="FdCM" size="2px" maxlength="2px" autocomplete="off" required value=""/>
            <input type="text" name="FdCA" id="FdCA" size="3px" maxlength="4px" autocomplete="off" required value=""/></td>
            <td align="center">
              <button type="submit" class="btn btn-mini"><i class="icon-ok"></i></button> 
            </td>
          </tr>

我希望它是这样的，例如，如果我在下拉菜单中选择“大学”，我在表格上得到一个额外的列，其中有一个文本框和标题“已获得学位”，但它只会显示选中的大学，如果没有Java /Jscript/Ajax/任何与Java相关的内容，是否可以做到这一点？而不是html/php

Answer 1

我认为你只能用PHP来做这件事，如果你有选择，在select，服务于一个新的页面，重新加载，因为PHP都发生在页面是created...but之前，这将是非常慢的，根本就不是一个好的用户体验。这在PHP中是不可能的，因为当页面对最终用户可见时，还没有来自PHP的活动代码或交互。我建议使用Javascript或jQuery，因为它们驻留在浏览器的客户端，因此可以“监听”像用户选择表单这样的事件。

使用Javascript实现这一点并不是很困难:您只需为隐藏的表单元素创建一个类，然后在用户单击一个选项后使用Javascript将"display“值更改为"block”。

我希望这对你有帮助！祝好运。