如何获取Json Value并将其附加到下拉列表中

时间:2014-08-04 13:40:12

标签: javascript jquery

我的json如下所示

[{
    "name": {
        "1": "User Name",
        "2": "User Email",
        "3": "User Mobile",
        "4": "User Address"
    },
    "filename": [
        ["upl_1407158917.xls"]
    ]
}]

我希望将它添加到ajax中的下拉列表中,文件名想要存储在隐藏字段中。

我不想在我的下拉列表中附加文件名。

任何人都可以帮助我。

更新:

我试过了:

$.each(data, function(key, value) { 
//alert(value); 
$('.excelHead').append( $('<option value="' + value + '">' + value + '</option>') );
 });

2 个答案:

答案 0 :(得分:0)

你没有详细说明你想要追加的内容,所以这里只是一些简单的代码,展示如何获取数组中的每个项目,并附加数据。这是你需要做的:

在每个jQuery中,解析数据,然后将其传递给回调。然后变得像你期望的一样简单。

$.each(data, function(index, value) {
    var option = $("<option>")
        .text(value.name["1"])
        .val(value.name["2"]);
    $("#mySelect").append(option);
});

我创建了一个选项(根据您的要求),并使用了一些数据来填充文本和值。然后可以使用相同的确切方式为文件创建隐藏字段。

http://jsfiddle.net/7cp2j/1/

答案 1 :(得分:-2)

您需要运行EACH循环以将其添加到下拉列表中。例如:

 select_box = '<select>';
    $.each(data.name, function(k, v) {
      withdraw_option +='<option value="'+k+'">'+v+'</option>';
    });
    select_box += '</select>';

将产生:

<select>
<option value="1">value1</option>
<option value="2">value2</option>
<option value="3">value3</option>
<option value="4">value4</option>
</select>