JSON未定义依赖下拉列表中的数据

时间:2018-02-02 07:47:40

标签: javascript jquery html arrays json

我有三个名为Platform,Tasktype和Component的下拉列表,它们相互依赖。我已经想到第二次下拉获取相关数据,但是第三次​​下拉未定义。

请参阅下面的工作演示。

http://plnkr.co/tFZhcTm1XeqK3NoHdG4z

JQuery的

$(function() {
var platforms;
var tasktypes;
var compos;
var jsonData;


$.getJSON('tasks.json', function(result) {
jsonData = result;

$.each(result, function(i, platform) {
platforms += "<option value='" +
  platform.name +
  "'>" +
  platform.name +
  "</option>";
});
$('#platform').html(platforms);
}); 

$("#platform").change(function (){
var idx = $("#platform").prop('selectedIndex');
var platforms = jsonData[idx].task;

tasktypes = "";
for (i = 0; i < platforms.length; i++) {
  tasktypes += "<option value='" +
    platforms[i].taskname +
    "'>" +
    platforms[i].taskname +
    "</option>";
};
$('#taskname').html(tasktypes);
});


$("#taskname").change(function (){
var idc = $("#taskname").prop('selectedIndex');
var tasktypes = jsonData[idc].task;

compos = "";
for (i = 0; i < tasktypes.length; i++) {
  compos += "<option value='" +
    tasktypes[i].componentname +
    "'>" +
    tasktypes[i].componentname +
    "</option>";
};
$('#components').html(compos);
});  
});

我想在选择平台和任务类型后获取相关的组件名称。

1 个答案:

答案 0 :(得分:0)

<?php
$html = file_get_contents('XXX');
$dom = new DOMDocument();
$dom->loadHTML($html);
echo $html;
?>

某些数据在某处丢失或者脚本无法理解即将发生的事情我相信