Json数组用php进入选择框

时间:2015-03-13 15:16:15

标签: javascript php json jquery-selectbox

我希望有人可以帮我解决这个问题。我想要的是一个选择框,它从json文件中填充。问题是我有一种奇怪的json文件,我不知道它的数组或对象。

以下是它的表现:

{
"Id": 4,
"Name": "Testing Demo",
"OpeningHours": [
    {
        "Name": "Monday",
        "Hours": "Kl. 09:30:00 - 21:00:00"
    }
],
"Address": {
    "Street": "Johnson road",
    "StreetNumber": "5",
    "Town": "London"
},
"Phone1": "4123213414",
"Phone2": null,
"Documents": null,
"Messages": [
    {
        "Title": "We are on the way",
        "Body": "fine",
        "Created": "01-02-2014"
    },
    {
        "Title": "Get the stuff",
        "Body": "To be ready",
        "Created": "01-01-2014"
    }
],
"Employees": [
    {
        "Name": "John Hood",
        "Description": "officer",
        "ProfileImageUrl": "http://grfx.cstv.com/photos/schools/kty/sports/m-baskbl/auto_headshot/9265204.jpeg"
    },
    {
        "Name": "John hood 2",
        "Description": "athletic",
        "ProfileImageUrl": "http://grfx.cstv.com/photos/schools/kty/sports/m-baskbl/auto_headshot/9265204.jpeg"
    }
]
}

Iam将如何显示ID和名称的值?

这段代码它不起作用,我不知道我是否正确地做它...

(function($) {
$(document).ready(function() {
    $('<tr class="form-field form-required"></tr>').append(
        $('<th scope="row">New field</th>')
    ).append(
        $('<td></td>').append(
            $('<select id="release-list"></select>')
        ).append(
            $('<p>Explanation about your new field</p>')
        )
    ).insertAfter('#wpbody-content table tr:eq(2)');




});

 $.getJSON('../../cache/path.json', function(data) {
    var select = $('#release-list');
    $.each(data, function(key, val){
        $('<option/>').attr('value', val[key]["Id"]).html('value' + val[key]["Name"]).appendTo(select);
    });
    });

    })(jQuery);

1 个答案:

答案 0 :(得分:0)

您可以使用JSON.parse()

将数据从json转换为数组

http://www.dyn-web.com/tutorials/php-js/json/parse.php

示例:

var data = '{"first":[1,2,3],"second":[4,5,6]}';
var jsonData = JSON.parse(data);
alert(jsonData.first[1]);
alert(jsonData.second);