Question

我已经暂停代码解析.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>

Answer 1

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

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>

希望这有帮助。

Answer 2

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

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

Ajax发布空名称 - 已修复

2 个答案:

段