javascript - 如何在表中按列表示 JSON 响应

Question

我使用以下代码接收 json 作为响应并将它们表示在表格中。

$(document).ready(function() {
        var settings = {
            "async" : true,
            "crossDomain" : true,
            "url" : "Parse",
            "method" : "GET",
            "headers" : {
                "content-type" : "application/json"
            },
            "processData" : false
        }

        $.ajax(settings).done(function(jsnData) {

            var obj = JSON.parse(jsnData);
            for (var i = 0, len = obj.length; i < len; i++) {
                var j=0;
                var trd="";
                trd +="<tr>";
                trd+="<td>"
                + obj[i].word
                trd+= " </td>";
                trd+="<td>"
                + "<select class='input-small'><option value=''>"+obj[i].senses+"</option></select>";//obj[i].senses
                trd+= " </td>";
                trd+="</tr>";


                $('#userdata tr:last').after(trd);
            }

        });
    });
    </script>

userdata 是我用来提供此 json 响应的表的 ID。

Json 格式为

[
{
"word": "play",
"senses": ["n1","n2","n3"]
},


 {
"word": "play1",
"senses": ["m1","m2","m3"]

},
{
“字”:“播放2”，
“感官”:[“j1”，“k2”，“l3”]
},
{
“字”:“播放3”，
“感官”:[“x”，“ny”，“z”]
},
{
“字”:“播放4”，
“感官”:[“p”，“q”，“r”]
}
]

在我的表格中有两列，一列用于单词，一列用于感官，但我希望感官列为下拉列表。我得到的输出如下，

正如你所看到的，我想用它来表示含义的选项列，在一行中显示受尊敬的单词的含义，例如对于单词 play ，其含义显示为 n1,n2,n3。我希望它们显示为下拉列表，即对于单词 play，下拉值将为 n1 n2 和 n3 对于单词 play1，下拉值将为 m1 m2 和m3.

HTML 代码

    <table id="userdata" border="2">
        <tr>
            <td><b>Word</b></td>
            <td><b>Options</b></td>
        </tr>
        <tbody>

        </tbody>
    </table>

我努力尝试，但未能以理想的方式做到这一点。任何帮助将不胜感激。

Answer 1

用这个

 + "<select class='input-small'>";
 for(var k=0; i <obj[i].senses.length;k++){
  trd+="<option value='"+obj[i].senses[k]+"'>"+obj[i].senses[k]+"</option>";
 }
trd+="</select>";