从JSON中选择选项

时间:2010-04-27 15:47:05

标签: jquery json

对于JSON我是一个新手,我想尝试编写一个JSON选择选项autofiller,但不知道从哪里开始。

我的脚本当前的工作方式是使用PHP和MySQL来填充第一组选择选项,其中包含来自数据库表的不同列表,然后在用户选择时,下一组选择选项将自动填充,并附带链接到的选项第一集。无论如何在JSON中这样做?

2 个答案:

答案 0 :(得分:6)

不确定。假设你有一些简单的JSON:

{ "Options": [
    { "Text":"MyText","Value":"MyValue"},
    { "Text":"MyText2","Value":"MyValue2"}
   ]
}

然后,您将其评估为JavaScript:

var options = eval('(' + myJson + ')'); // myJson is your data variable

然后,您只需在dom中创建每个选项(为了简洁起见,我将使用jQuery)

var length = options.length;

for(var j = 0; j < length; j++)
{
    var newOption = $('<option/>');
    newOption.attr('text', options[j].Text);
    newOption.attr('value', options[j].Value); // fixed typo
    $('#mySelect').append(newOption);
}

或者与此类似的东西。

答案 1 :(得分:0)

JSON是javascript对象表示法,用于存储数据。

您的Web服务器可以根据任何类型的请求返回JSON。如果您的网页包含JSON数据,您可以使用javascript / jquery动态地将select构建到dom中。