Question

这个问题已被问过一次，但不知怎的，我不能让事情发挥作用。我已经在这个问题上挣扎了好几个小时了。

我有一个xml文件：

<?xml version="1.0" encoding="iso-8859-1"?>
<news>
   <field id="nettooppervlakte1">

           <name>Opp. netto</name>
           <content>970</content>
           <background>1</background>

   </field>
   <field id="nettooppervlakte2">

           <name>Ras 1</name>
           <content>Euro sunny</content>
           <background>1</background>

   </field>
   <field id="nettooppervlakte3">

           <name>Plantdichtheid 1 (st/m²)</name>
           <content>45</content>
           <background>1</background>

   </field>
</news>

xml文件较大，但无需发布整个文件（获取更多字段）。

然后我在html（脚本）中使用它来获取信息：

$(document).ready(function(){
        var id = 0;
    $.ajax({
    type: "GET",
    url:"http://www.officespecialisten.it/wesleyfloor/table.xml",
    dataType: "xml",
    success: function(xml) {

    $(xml).find('field').each(function(){
    var name = $(this).find('name').text();
    var content = $(this).find('content').text();
    var days = $(this).find('days').text();
    var day = $(this).find('day').text();
    var week = $(this).find('week').text();
    var year = $(this).find('year').text();

   $('<div class="items" id="link_'+"nettooppervlakte"+id+'"></div>'+id++).html(name+'</a>').appendTo('#'+id+'name');
    $('<div class="items" id="link_'+"nettooppervlakte"+id+'"></div>').html(content+'</a>').appendTo('#'+id+'content');
     $('<div class="items" id="link_'+"nettooppervlakte"+id+'"></div>').html(days+'</a>').appendTo('#'+id+'days');
      $('<div class="items" id="link_'+"nettooppervlakte"+id+'"></div>').html(day+'</a>').appendTo('#'+id+'day');
       $('<div class="items" id="link_'+"nettooppervlakte"+id+'"></div>').html(week+'</a>').appendTo('#'+id+'week');
        $('<div class="items" id="link_'+"nettooppervlakte"+id+'"></div>').html(year+'</a>').appendTo('#'+id+'year');

            });

            }
   });
});

将其放入表格（html）：

<tr>
    <td colspan="2"  bgcolor="#ade500"><div id="1name"></div></td>
    <td colspan="2" bgcolor="#ade500"><div id="1content"></td>
</tr>
<tr>
     <td colspan="2" bgcolor="#ade500"><div id="2name"></div></td>
     <td width="2" bgcolor="#ffffcc"><div id="2content"> </td>


 </tr>
 <tr>
     <td colspan="2" bgcolor="#ade500"><div id="3name"></div></td>
     <td colspan="2" bgcolor="#ffffcc" ><div id="3content"></div></td>
 </tr>

现在问题，我希望用户可以（使用输入框或其他东西）更改（例如）“3content”的值：

<td colspan="2" bgcolor="#ffffcc" ><div id="3content"></div></td>

这个xml行是什么：

<content>45</content>

这可以轻松完成吗？因为我已经看过/尝试了一些代码（并没有全部尝试），这些代码是长的，要改变1个XML值，我认为这不应该是一个很大的问题。

我处于HTML / XML的最开始。我曾经做过android Java，actionscript3，c ++（主要是用CML库）。还有我的第一个真正的网站。

如果您需要了解更多信息或解释某事，请询问。

已经感谢您的耐心等了，

Bigflow

Answer 1

您需要监控点击事件并放置一个包含输入的表单。不是自己做代码，而是有许多可用的插件（搜索“jquery内联编辑”）。这是一个受欢迎的：Jeditable

使用html更改XML值

1 个答案: