Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将jquery数组添加到html表单中以将复选框动态添加到对话框中_Javascript_Jquery_Arrays_Checkbox - Fatal编程技术网

Javascript 如何将jquery数组添加到html表单中以将复选框动态添加到对话框中

Javascript 如何将jquery数组添加到html表单中以将复选框动态添加到对话框中,javascript,jquery,arrays,checkbox,Javascript,Jquery,Arrays,Checkbox,我有一个jquery数组,其中包含动态生成复选框的html代码。这是我的jquery数组的内容,数组的名称是output <input type="checkbox" id="Mumbai" name="Mumbai" value="Mumbai" />Mumbai<br />, <input type="checkbox" id=" Delhi" name=" Delhi" value=" Delhi" /> Delhi<br />, &

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

<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 />
孟买
, 德里
, 班加罗尔
现在,根据我的需要,我想将这个名为输出的数组添加到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");}
            }
        });
var$dialog=$(“”)
.html('输出')
.对话({
自动打开:错误,
标题:“选择站点”,
按钮:{
“提交”:函数(){$('form#myform').Submit();},
“取消”:函数(){$(this).dialog(“close”);}
}
});
我必须在.html表单中添加名为output的数组,我添加了该数组,如代码中所示,但它没有显示复选框,而是在警报框消息中显示输出

任何帮助都将不胜感激。。
提前感谢。

您必须将html分成两个不同的部分。比如说,

.html('<form id="myform" action="">' + output + '</form>')
.html(“”+输出+“”)
试试这个

var $dialog = $('<div></div>')
    .html('<form id="myform" action="">'+$('input:checkbox').clone()+'</form>')
    .....
var$dialog=$(“”)
.html(“”+$('input:checkbox').clone()+“”)
.....
试试这个

$(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)
            }
        });
    });
$(窗口).load(函数(){
$.ajax({
键入:“GET”,
url:'站点',
成功:功能(数据){
var city=data.city
用于(城市中的var i)
{
变量输出=''+城市[i]+'
' } consoloe.log(输出) } }); });

请参阅此

谢谢您的回复,先生,但对话框中没有显示复选框