如何根据另一个下拉框在下拉框中创建列表?

时间:2014-03-04 06:37:08

标签: javascript php html

如何使用PHP中的2下拉列表框创建表单,这是第二个“下拉列表框”依赖于第一个“下拉列表框”的结果? 如果有人提出这个问题我很抱歉,但我找不到类似的问题。 提前谢谢。

索里,我是新手。这是我的代码:

<script>
function reloadPage()
  {
  location.reload();
  }
</script>
<form name="form1" action="updateitemstock.php" method="post">
 <table border="0" width="50%">
  <tr>
    <td width="18%"><b><font face="Verdana" size="2" color="#FFFFFF">Select 
Vendor</font></b></td>
    <td width="18%"><select size="1" id=name="dvendor">
<option selected>Choose Vendor Name</option>
    <?php
    while ($row = mysql_fetch_array($vendor_list)) { 
    ?>
 <option value="<?php echo $row[0]; ?>" onclick="reloadPage()"><?php echo $row[0]; ?></option>
<?php
    }
    ?>
    </select></td>
  </tr>
  <tr>
    <td width="18%"><b><font face="Verdana" size="2" color="#FFFFFF">Select 
Item</font></b></td>
    <td width="18%"><select size="1" name="ditem">
    <option selected>Choose Item Name</option>
    <?php
    if (isset($_POST['dvendor']) {
   $item_list = mysql_query("SELECT DISTINCT itemdesc FROM item WHERE dealer=$_POST['dvendor']");
  }
  while ($row = mysql_fetch_array($item_list)) { 
    ?>
          <option value="<?php echo $row[0]; ?>"><?php echo $row[0]; ?></option>
    <?php
  }
    ?>
    </select></td>
  </tr>
  <tr>
    <td width="18%" colspan="2">
    <div align="center">
  <table border="0">
   <tr>
    <td>
    <input type="submit" value="Save" name="bsave"></td>
     <td>
    <input type="submit" value="Upload" name="bupload"></td>
   </tr>
  </table>
    </div>
    </td>
  </tr>
 </table>
 </form>

3 个答案:

答案 0 :(得分:0)

此外,这两个列表可以在PHP中创建,但是他们的数据必须依赖于客户端语言,例如。 JSjQuery。例如,您要创建两个列表,例如,一个列表用于states的列表,另一个列表用于从上一个列表中选择的状态的cities。在这种情况下,您最初将使用PHP填充states的列表,并在列表中填写状态,您将创建一个空白模板(列表中没有“option”元素)。现在,在用户端,当用户选择状态时,您可以向服务器发送AJAX请求并获取该选定状态的城市列表。请求完成后,您可以使用服务器返回的数据填充城市列表。 或者,您可以为州创建单个列表,为城市创建多个列表,因为许多州都是州。每个列表将分别包含一个州的城市。现在,在客户端,您可以将“change”事件绑定到状态列表,其中根据他选择的状态,一次只向用户显示单个城市列表。除了这种方法没有建议,这种方法不需要任何AJAX请求,但是你必须在后端创建一次所有列表。 我希望有帮助:)

答案 1 :(得分:0)

给这个javascript级联下拉菜单:http://jquery-plugins.net/jquery-cascading-dropdown-plugin

答案 2 :(得分:0)

有一个jQuery插件会有所帮助。对于动态选择,请使用远程版本。

<强> Chained Selects Plugin for jQuery

希望这会有所帮助:)