0

我有一个 jquery 数组，其中包含用于动态生成复选框的 html 代码。这是我的 jquery 数组的内容，我的数组的名称是输出

<input type="checkbox"   id="Mumbai" name="Mumbai" value="Mumbai" />Mumbai<br />,
<input type="checkbox"   id=" Delhi" name=" Delhi" value=" Delhi" /> Delhi<br />,
<input type="checkbox"   id=" Bangalore" name=" Bangalore" value=" Bangalore" />Bangalore<br />

现在根据我的需要，我想将这个名为output的数组添加到包含在 html 表单中的 jquery 对话框中。

这是我的代码..

var $dialog = $('<div></div>')
        .html('<form id="myform" action="">output</form>')
        .dialog({
            autoOpen: false,
            title: 'Select Sites',
            buttons: {
                "Submit": function() {  $('form#myform').submit();},
                "Cancel": function() {$(this).dialog("close");}
            }
        });

我必须在 .html 表单中添加名为output的数组，我已经像这样在代码中添加了该数组，但它没有显示复选框，而是在警报框消息中显示输出..

任何帮助将不胜感激..提前致谢..

4

3 回答 3

0

您必须将 html 分成两个不同的部分。例如，

.html('<form id="myform" action="">' + output + '</form>')
于 2013-10-30T04:44:39.430 回答
0

尝试这个，

var $dialog = $('<div></div>')
    .html('<form id="myform" action="">'+$('input:checkbox').clone()+'</form>')
    .....
于 2013-10-30T04:47:41.737 回答
0

尝试这个

$(window).load(function() {
        $.ajax({
            type: 'GET',
            url: 'Sites',
            success: function(data) {
                var city=data.city
                for(var i in city)
                {
                   var output='<input type="checkbox"   id="'+city[i]+'" name="'+city[i]+'" value="'+city[i]+'" />'+city[i]+'<br />'
                }
                consoloe.log(output)
            }
        });
    });

请参阅此如何让 jQueryUI 对话框动态加载内容

于 2013-10-30T04:48:54.823 回答