Question

我的头靠在墙上。我有一个按钮，打开一个带有表单的对话框。表单通过PHP生成，然后通过ajax作为内容加载到对话框中。除了选择之外，这一切似乎都在起作用。选项文本移动到选项标记之外。

调用jquery：

$.ajax({
    type: 'POST',
    url: '/wizard/basic-info/contact',
    dataType: 'html',
    success: function(html) {
        console.log(html);
        $('#dialog-form').append(html);
        $('#dialog-form').dialog("open");
    }
});

成功函数内部的console.log基本上产生：

<form action="" method="post" id="contact">
<label>Payment Terms</label>
<select name="payment_terms" id="payment_terms">
    <option value="" selected="selected"></option>
    <option value="net15">Net 15</option>
    <option value="net30">Net 30</option>
    <option value="net45">Net 45</option>
    <option value="net60">Net 60</option>
    <option value="cod">COD</option>
    <option value="consignment">Consignment</option>
</select>

但是检查完成的表格的DOM：

<form action="" method="post" id="contact">
<label>Payment Terms</label>
<select name="payment_terms" id="payment_terms">
    <option value="" selected="selected"></option>
    <option value="net15"></option>Net 15
    <option value="net30"></option>Net 30
    <option value="net45"></option>Net 45
    <option value="net60"></option>Net 60
    <option value="cod"></option>COD
    <option value="consignment"></option>Consignment
</select>

显然，每个选项的文本都是错误的。有什么建议吗？

回答--- 哎呀，我的坏。我编写自定义元素视图脚本错误。我在选项标签中添加了一个尾部斜杠。这样：

<option value="net15" />Net 15</option>

应该是：

<option value="net15">Net 15</option>

我的不好，谢谢你的帮助。

Answer 1

我已经尝试过你的代码了。它完美无缺。这可能是因为你正在使用的jquery的版本。我试过v1.6.2。和UI v.1.8.16

jquery ajax转换表单选择选项

1 个答案: