0

给定一组相互依赖的选择框(在 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));

我需要使其异步以在调度事件代码之后添加延迟,以便填充第二个选择中的值。但是,我转换此代码的尝试失败了。

4

2 回答 2

1

我为每个循环处理异步的简单方法是这样做

function myfunc(callback) {
  var dfd = jQuery.Deferred();
  dfd.done(callback);
  var A = [var1,var2,var3]
  var index = 0;
  var next = function() {
    if(index<A.length) {
      var item = A[index];
      index++;
      // Do what you want.
      setTimeout(next, 1); // or only next();
    } else {
      dfd.done();
    }
  };
  next();
}
于 2013-04-20T09:42:55.333 回答
0

如果您想使其异步并添加延迟,您可以使用 javascript Timing Event

setTimeout(function(){<Code you want to execute>}, <delay in milliseconds>);

检查:http ://www.w3schools.com/js/js_timing.asp

希望这可以帮助

于 2013-04-20T09:55:15.573 回答