从JSON中选择选项

den*_*icz 0 jquery json

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

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

Tej*_*ejs 6

当然.假设您有一些简单的JSON:

{ "Options": [
    { "Text":"MyText","Value":"MyValue"},
    { "Text":"MyText2","Value":"MyValue2"}
   ]
}
Run Code Online (Sandbox Code Playgroud)

然后,您评估它到JavaScript:

var options = eval('(' + myJson + ')'); // myJson is your data variable
Run Code Online (Sandbox Code Playgroud)

然后,您只需在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);
}
Run Code Online (Sandbox Code Playgroud)

或者类似于这种效果的东西.