如何使用子选项执行选项


How to do options with suboptions?

我想创建一个有选项和子选项的选择。

例如,如果我有一个类似这样的表单:

<form method="post" action="processor.php">
  <select name="mySelect">
    <option value="1">Parent option 1</option>
      <option value="1">Child option 1 of parent 1</option>
      <option value="2">Child option 2 of parent 1</option>
      <option value="3">Child option 3 of parent 1</option>
    <option value="2">Parent option 1</option>
      <option value="1">Child option 1 of parent 2</option>
      <option value="2">Child option 2 of parent 2</option>
      <option value="3">Child option 3 of parent 2</option>
  </select>
  <input type="submit" value="Send" />
</form>

我希望当用户选择Parent 1选项时,我收到一个像这样的数组:

array(
    "parent" => "1"
);

当选择Child option 3 of parent 2选项时,我收到如下数组:

array(
    "parent" => "2"
    "child"  => "3"
);

如何执行此操作?我可以发送像parent_2|child_3这样的东西然后爆炸,但我认为这不是最好的方法。

<select>标签不支持嵌套选项。它支持组,但不是真正的层次结构。

有一些可用的基于javascript的替换,它们使用嵌套列表来执行相同类型的功能。

尝试使用" <ul> "标签而不是" <select> "然后使用jquery或javascript和CSS来做动画(隐藏,显示)的事情,然后在提交时使用javascript获取选定值或这样做:

通过POST提交UL的最佳方式?

干杯!

我认为您将受益于基于javascript的树控件而不是选择器。你可以有无限的层次结构,选择机制将是你正在寻找的。

你有没有看过,例如DHTMLX树?