jquery-multilevel动态表单

时间:2017-06-30 10:55:29

标签: javascript php jquery html

我有这段代码



<form>
  <div id="vehicle">
    <input type="text" name="vehicle[]" placeholder="vehicle name">
    <div id="type[]">
      <input type="text" name="type[]" placeholder="type name">
    </div>
    <a href="#">add Type</a>
    <br>
    <a href="#">delete Type</a>
  </div>
  <br>
  <a href="#">add Vehicle</a>
  <br>
  <a href="#">delete Vehicle</a>
  <br>
  <br>
  <button type="submit">Save</button>

</form>
&#13;
&#13;
&#13;

我的问题是:如何制作动态表单。规则是每辆车允许有多种类型。我可以添加不同类型的车辆。

谢谢。

1 个答案:

答案 0 :(得分:0)

而不是

  

ID =&#34;车辆&#34;使用类

而不是

<div id="type[]">
    <input type="text" name="type[]" placeholder="type name">
</div>

使用

<div>
     <select name="type[]" multiple>
        <option value=""></option>
        <option value="1">800cc</option>
        <option value="2">1000cc</option>
    </select>
</div>

如果您使用select with multiple,则可以选择一个或多个类型