使用jQuery在单个表单中的多个多个字段集

时间:2011-07-11 22:27:02

标签: jquery jquery-ui jquery-plugins

我正在为此网站的多个字段使用jQuery插件:http://vipullimbachiya.com/?p=349

我想在单个表单中将3个不同的字段集显示在水平列中,这样当您在其中一个字段上单击“添加更多”时,它将在相应的字段集下添加新字段。

e.g。

|--------------|    |--------------------|   |----------------------|
| Item options |    | Field Ship options |   | Notification options |
|              |    |                    |   |                      |
|--------------|    |--------------------|   |----------------------|

|--------------|    |--------------------|   |----------------------|
| Item options |    | Field Ship options |   | Notification options |
|     #2       |    |      #2            |   |      #2              |
|--------------|    |--------------------|   |----------------------|

以下是我当前的设置...您会看到,如果您点击其中任何一个“添加更多”,它会将其直接附加到您点击“添加更多”的下方。这很好,但我想要一个水平3列布局。有什么想法吗?

http://jsfiddle.net/infernooo/TzdEj/1/

谢谢!

1 个答案:

答案 0 :(得分:0)

看看这个http://jsfiddle.net/TzdEj/4/。我只是在字段集周围添加div并将它们浮动到左侧(以及提交按钮)。