Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.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 dilaogue框中_Javascript_Jquery_Html_Ajax_Checkbox - Fatal编程技术网

Javascript 将复选框动态添加到jquery dilaogue框中

Javascript 将复选框动态添加到jquery dilaogue框中,javascript,jquery,html,ajax,checkbox,Javascript,Jquery,Html,Ajax,Checkbox,我有一个显示复选框的jquery对话框。这些复选框是硬编码的。现在我有一个需求,需要从数据库中动态显示复选框。 为了从数据库中获取复选框的值,我在window.load()上实现了ajax调用 任何帮助都将不胜感激。“试试这个 $(window).load(function() { $.ajax({ type: 'GET', url: 'Sites', success: function(data) {

我有一个显示复选框的jquery对话框。这些复选框是硬编码的。现在我有一个需求,需要从数据库中动态显示复选框。 为了从数据库中获取复选框的值,我在window.load()上实现了ajax调用

任何帮助都将不胜感激。

“试试这个

$(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(输出) } }); });
1)创建空的唯一div

2) 加载和解析数据库数据。取决于输入格式-html/json

成功:函数(数据){
$(“内容”).html(数据);
//或json解析
}


3) 从#content创建对话框

谢谢先生的回答我有一个疑问如何获取var输出并在对话框中使用..在输出中获取数据后在页面上创建一个空div,您可以像这样附加到对话框中并打开dialog$('#dialog confirm').html(输出)$(“#对话框确认”)。对话框(“打开”);如果您有疑问,请参考我的答案,您会知道先生,我的对话框需要在单击链接事件时打开,然后如何操作$(“#someButton”)。单击(function(){//your functions}
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");}
            }
        });
        });
 $('#ssites').click(function(evt) {
            variable="";
            $dialog.dialog('open');
            evt.preventDefault();
            // prevent the default action, e.g., following a link
            return false;
        });
$(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)
            }
        });
    });