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


(HTML/PHP) Drop down menu selection affect a table and a form

我正在制作一个人事管理数据库,有一个页面,您可以输入所有教育记录(学校,高中,大学等),我得到了这个表单

<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

我认为你只能用PHP来做,如果你有选择,在选择,服务于一个重新加载的新页面,因为PHP都发生在页面创建之前…但这将是非常缓慢的,并不是一个良好的用户体验。这在PHP中是不可能的,因为当页面对最终用户可见时,已经没有来自PHP的实时代码或交互了。我建议使用Javascript或jQuery,因为它们驻留在浏览器的客户端,因此可以"监听"用户选择表单之类的事件。

用Javascript做这件事并不难:你只需要为隐藏的表单元素创建一个类,并在用户点击一个选项后使用Javascript将"display"的值更改为"block"。

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