Ajax 发布空名称 - 已修复答案

【问题标题】：Ajax Posts Empty Name - FixedAjax 发布空名称 - 已修复
【发布时间】：2016-01-09 13:27:02
【问题描述】：

我有来自.json 文件的闲置代码解析 json 文件并且运行良好。当我给它起名字并尝试从表单数据发布时，我会得到空的发布数据。

HTML：

<div id="jewels" ></div>

JS：

<script type="text/javascript">

$.getJSON( "include/settings/guild_bank_jevels.json", function( data ) {
  var items = [];
  $.each( data, function( key, val ) {
   items.push( "<option  name='jewel_name' value='" + key + "'>" + val + "</option>" );
  });

  $( "<select/>", {

    html: items.join( "" )
  }).appendTo( "#jewels" );
});

</script>

提前感谢您的帮助。

更新已修复

脚本：

 <script type="text/javascript">
    $.getJSON( "include/settings/guild_bank_jevels.json", function( data ) {
    var items = [];

    $.each( data, function( key, val ) {
      items.push( "<option   value='" + key + "'>" + val + "</option>" );
    });

    $("#jewels").html(items);
    });
     </script>

HTML 部分：

<select id="jewels" name="jewel_name"> 
</select>

【问题讨论】：

第一个代码就像您在我的回答中看到的那样工作，您只需删除多余的双引号。
你不应该在你的问题中添加解决方案。

标签： javascript php jquery json ajax

【解决方案1】：

您的选择没有名称或 ID。输入需要具有其中之一才能使表单发布其值。

$( "<select/>", {
    id='some_id',
    html: items.join( "" )
  }).appendTo( "#jewels" );

【讨论】：

好吧，当我尝试更改它时，所有列表都消失了。我需要另一种方式来加载列表并输入名称。有什么想法吗？

【解决方案2】：

以下行中有一些额外的双引号 "：

items.push( "<option  name="'jewel_name'" value='" + key + "'>" + val + "</option>" );
___________________________^____________^

请尝试将其替换为：

items.push( "<option  name='jewel_name' value='" + key + "'>" + val + key + "</option>" );

片段

var items = [];
var data={'first_key': 'first_val', 'second_key': 'second_val'};
$.each( data, function( key, val ) {
  items.push( "<option  name='jewel_name' value='" + key + "'>" + val + "</option>" );
});

$( "<select/>", {

  html: items.join( "" )
}).appendTo( "#jewels" );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="jewels" ></div>

希望这会有所帮助。

【讨论】：

我可以获取列表并使选择列表成功。但仍然相同，它不会从解析列表中发布带有名称标记的数据。
请尝试更清楚地描述它的主要问题。
不客气，但在问题内推送答案是不正确的，您应该发布答案。