Javascript 循环获取1个输入字段中的所有单词

如下图所示，我的单词“es”和“presso”放在一个输入字段中，而不是一个输入字段中的“es”和另一个输入字段中的“presso”。

我的JSON是什么样子的：

{
"main_object": {
"id": "new",
"getExerciseTitle": "Example",
"language": "nl_NL",
"application": "lettergrepen",
"main_object": {
  "title": "Example",
  "language": "nl_NL",
  "exercises": [
    {
      "word": "espresso",
      "syllables": [
        "es",
        "presso",
        "",
        ""
      ]
    }
  ]
},
"dataType": "json"
}
}

$.map(exercise, function(exercise, i) {
$("#addOpdracht").click();
$(".exerciseGetWordInput_" + i).val(exercise.word) // starts with 0

var exerSyll = json.main_object.main_object.exercises;

$.map(exerSyll, function(exer, s) {
 console.log(exer.syllables);

$(".syllable" + s).val(exer.syllables);
});

});

我的循环是这样的：

{
"main_object": {
"id": "new",
"getExerciseTitle": "Example",
"language": "nl_NL",
"application": "lettergrepen",
"main_object": {
  "title": "Example",
  "language": "nl_NL",
  "exercises": [
    {
      "word": "espresso",
      "syllables": [
        "es",
        "presso",
        "",
        ""
      ]
    }
  ]
},
"dataType": "json"
}
}

$.map(exercise, function(exercise, i) {
$("#addOpdracht").click();
$(".exerciseGetWordInput_" + i).val(exercise.word) // starts with 0

var exerSyll = json.main_object.main_object.exercises;

$.map(exerSyll, function(exer, s) {
 console.log(exer.syllables);

$(".syllable" + s).val(exer.syllables);
});

});

要放大提取

音节的循环，请执行以下操作：

  var exerSyll = json.main_object.main_object.exercises;

$.map(exerSyll, function(exer, s) {
 console.log(exer.syllables);

$(".syllable" + s).val(exer.syllables);
});

创建
音节输入的函数
：

function getWordPartInput(id, cValue){
 cValue = cValue || '';
 var wpInput = $('<input/>', {
'class': 'form-group form-control syllable' + SyllablesID++,
'type': 'text',
'value': cValue,
'placeholder': 'Syllables',
'name': 'Syllablescounter['+ SyllablesID++ +']'
 });
 return wpInput;
}

函数getWordPartInput（id，cValue）{
C值=C值| |''；
变量wpInput=$（''{
“类”：“窗体组窗体控制音节”+音节ID++，
“类型”：“文本”，
“值”：cValue，
“占位符”：“音节”，
“名称”：“音节计数器['+音节ID++']”
});
返回输入；
}

我做错了什么？（我确实声明了变量
音节ID
，所以不用担心这一部分）。

var数据={
“主对象”：{
“id”：“新”，
“getExerciseTitle”：“示例”，
“语言”：“nl_nl”，
“应用程序”：“lettergrepen”，
“主对象”：{
“标题”：“示例”，
“语言”：“nl_nl”，
“练习”：[
{
“单词”：“浓缩咖啡”，
“音节”：[
“es”，
“presso”，
"",
""
]
}
]
},
“数据类型”：“json”
}
};
函数图（数据）{
for（例如data.main\u object.main\u object.exercises）{
for（除音节的sy）{
$（“#容器”）.append（``）
}
}
}
绘制（数据）

你在这里循环练习
$.map（exercyl，function（exer，s）{
并且对于每个练习，你都用
exer.syllels
设置输入值，它是一个数组。结果是与
，
串联。当我使用你的代码时，你需要在音节上循环（仍然非常感谢你），它只显示第一个音节。为什么它不显示第二个值？嗯..不知道为什么。你能分享一个工作片段吗？诚实的回答？我从来没有使用过一个片段，根据我刚才的尝试，我使用它们应该是非法的。有没有其他方法可以向你提供更多信息？我假设是jsfiddle不会有帮助吗？是的。我在回答中已经提到了。只是在flow中写下了。坏习惯：p@D.Sof使用
jsfiddles
没有什么错。这就是为什么它们在那里显示代码模拟等。不管怎样，我已经创建了一个虚拟代码，它或多或少也会做同样的事情。你可以从中得到一些想法。