Jquery ajax .load表单在select标签之外放置选项

Question

我正试图从一个页面抓取一个表单并使用...将其放在另一个页面上的div中。

jQuery('#my-div').load('form-url/ #form-container');

除了选择字段之外，它的工作正常，所有选项都放在select标签之外，所以......

<select>
</select>
<option>number 1</option>
<option>number 2</option>
<option>number 3</option>
<option>number 4</option>

原始表单的html看起来很干净，但每个选择都有很多选项。有什么想法吗？

更新

嗯我通过使用jquery在表单引入后移动select标签内的选项来解决它。虽然知道它为什么会发生但仍然很好...

Answer 1

我遇到了这个问题，使用jQuery的ajax函数.load或.get将表单放在页面上会按预期工作，但将<option>元素放在<select>标记之外。

我发现我的select标签中的尾随“/”似乎是罪魁祸首：

更改：

<select class="form-control" name="foo" />
    <option value="">Option 1</option>
    <option value="">Option 2</option>

要：

<select class="form-control" name="foo" >
    <option value="">Option 1</option>
    <option value="">Option 2</option>

为我解决了这个问题。

我在上面的代码中没有看到“/”，所以也许这是一个不同的问题，但我想我会分享。