如何将jquery数组添加到html表单中,以将复选框动态添加到对话框中
How to add jquery array into html form to add checkboxes dynamically into dialogue box
>我有一个jQuery数组,其中包含用于生成复选框的HTML代码。
<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");}
}
});
我必须以.html形式添加名为 output 的数组,我在代码中像这样添加,但它没有显示复选,而是在警报框消息中显示输出..
任何帮助将不胜感激。提前谢谢..
您必须将 html 分成两个不同的部分。例如
.html('<form id="myform" action="">' + output + '</form>')
试试这个,
var $dialog = $('<div></div>')
.html('<form id="myform" action="">'+$('input:checkbox').clone()+'</form>')
.....
试试这个
$(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 动态加载内容"对话框
相关文章:
- 动态添加复选框和输入框 jQuery
- 在输入类型数字更改时添加复选框
- 添加复选框标签中的值
- 在表中搜索相同的日期,并在td中添加复选框
- 想要添加复选框到动态创建的李
- 如何添加复选框选中的计数值
- 在PHP结果中添加复选框,并在一段时间后使用java逐个打开它们
- 使用JavaScript添加复选框值PHP、MySQL和alertbox
- 在运行时添加复选框并将其保存在 HTML 文件代码中
- 如何使用 javascript 添加复选框
- 在 AngularJS 中添加复选框以进行搜索
- Bootstrap 3.2:当使用jQuery添加复选框时,它不会在正确的css上可见
- 如何在提交按钮之前添加复选框
- extjs3.4如何在工具栏中动态添加复选框
- 如何在嵌入php的html表中为每一行添加复选框,并在数据库(Postgresql)中更新其值
- 在谷歌可视化栏旁边添加复选框
- 使用JS添加复选框,并在服务器端代码(ASP.NET)中找到它
- 动态添加复选框时,组中一个复选框选择的 JQuery 脚本不起作用
- 动态添加复选框,而不是模型绑定到IList
- 基于数组值javascript动态添加复选框