如何将json对象附加到< HTML元素作为列表？ [英] How can I append json object to <a HTML element as list?

问题描述

在html视图页面内有两个div。

 <   div     id   =  divbindProject    class   =  col-sm-2 >  <   / div  >  
 <   div     id   =  divbindProjectlist    style   =  display：none    class   =  col-sm-3 >  
 <   div  >  
 <   a  < span class =code-attribute>   class   =  list-group-item active left-menu-head > 项目列表<   / a  >  
 
 <   a     href   = ＃    id   =  idProject    class   =  list-group-item < span class =code-keyword>>  <   / a  >  
 
 <   / div  >  
 <   / div  >  
 

如何将json对象的'proejctname'列表追加到< a id =idProject中，如下所示？



[ ^ ]



我的尝试：

 $（ ＃btnAddProject）。点击（ function （e）{
  var  json = {}; 
 
 调试器; 
 $ .each（$（' ＃frmSubmitPremUserProject'）。serializeArray（）， function （i，field）{
 json [field.name] = field.value || ' '; 
}）; 
 
 $（ ＃divbindProject）。hide（）; 
 $（ ＃divbindProjectlist）。show（）; 
 
 $ .each（json， function （i，field）{
 $（ ＃idProject）。append（field.name +  ： + field.value +  ）; 
}）; 
 
  var  str =  JSON  .stringify（json）; 
 $（ ＃hdPremUserProject）。val（str）; 
 
}）; 

实现此代码后看起来像，但这里面列表我要绑定列表来自json对象的Projectname： -



[ ^ ]



我该怎么做？请帮帮我...

解决方案

（ ＃ btnAddProject）。click（ function （e）{
var json = {};

调试器;

.each（

< blockquote>（' ＃frmSubmitPremUserProject'）。serializeArray（）， function （i，field）{
json [field.name] = field.value || ' ';
}）;

Inside html view page there is two div.

<div id="divbindProject" class="col-sm-2"></div>
                           <div id="divbindProjectlist" style="display:none" class="col-sm-3">
                               <div>
                                   <a class="list-group-item active left-menu-head">Projects List</a>

                                   <a href="#" id="idProject" class="list-group-item"></a>

                               </div>
                           </div>

How can I append list of 'proejctname' from json object in to the <a id="idProject" as show below ?

[^]

What I have tried:

$("#btnAddProject").click(function (e) {
    var json = {};

    debugger;
    $.each($('#frmSubmitPremUserProject').serializeArray(), function (i, field) {
        json[field.name] = field.value || '';
    });

    $("#divbindProject").hide();
    $("#divbindProjectlist").show();

    $.each(json, function (i, field) {
        $("#idProject").append(field.name + ":" + field.value + " ");
    });
  
    var str = JSON.stringify(json);
    $("#hdPremUserProject").val(str);

});

After implement this code look like, but here inside list I want to bind list of Projectname from json object:-

[^]

How can I do this? please help me...

解决方案

("#btnAddProject").click(function (e) { var json = {}; debugger;

.each(

('#frmSubmitPremUserProject').serializeArray(), function (i, field) { json[field.name] = field.value || ''; });

这篇关于如何将json对象附加到&lt; HTML元素作为列表？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！