如何使用子选项进行选项？

Question

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

例如，如果我有一个类似于下面这样的表单：

<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和best这样的东西，但我认为这不是最好的方法。

Answer 1

<select>标记不支持嵌套选项。它支持groups，但不支持真正的层次结构。

有可用的基于JavaScript的替代品，它们使用嵌套列表来执行相同类型的功能。您可能希望探索此选项。

Answer 2

尝试使用"<ul>“标记而不是"<select>”，然后放入一些jquery或javascript和CSS来做动画(隐藏、显示)，然后在提交时使用javascript获取选定值，或者这样做：

Best way to submit UL via POST?

干杯!

Answer 3

我认为，与选择器相比，基于javascript的树形控件会给您带来更多好处。你可以有无限的层次结构，而选择机制几乎就是你想要的。

你有没有看过，例如，DHTMLX Tree