给定一组相互依赖的选择框(在 A 中选择某些内容会用值填充 B),我希望构建一个具有可能值组合的对象。
# out = { FieldNameA: [ { key: 'A', value: '', dep: { FieldNameB: [ { key: 'B', value: '', dep: [] } ] } } ] }
这是我正在使用的代码。
function getFieldValues(selectors) {
if (selectors.length == 0) {
return [];
}
var fieldInfo = selectors.shift();
var field = document.querySelector(fieldInfo['selector']);
for (var i=0; i<field.options.length; i++) {
var evt = document.createEvent("HTMLEvents");
evt.initEvent("change", false, true);
field.selectedIndex = i;
field.dispatchEvent(evt);
var option = field.options[i];
var fieldName = fieldInfo['name'];
if (!result[fieldName]) {
result[fieldName] = [];
}
var fieldData = { key: option.value, value: option.innerHTML };
alert('starting child retrieval of data');
var dependencies = getFieldValues(selectors.slice(0));
if (dependencies) {
fieldData['dependencies'] = dependencies;
}
result[fieldName].push(fieldData);
}
return result;
}
out = getFieldValues(selectors);
console.log(JSON.stringify(out));
我需要使其异步以在调度事件代码之后添加延迟,以便填充第二个选择中的值。但是,我转换此代码的尝试失败了。