javascript - 如何根据 parent 使用 Javascript 的回答为依赖字段设置默认值？

Question

我正在尝试使用 4 个子字段、计费代码、 channel 、主题代码和名称，根据父字段的答案自动填充某些值，事件类型。换句话说，如果事件类型的答案是“A”，则将根据“A”为每个子字段显示下拉字段。

Answer 1

假设文档的第一个选择元素具有值'Plant'、'Animal' 和 'Ghost' 以及下一个选择元素应该改变当第一个元素的选定值发生变化时，我们就是这样做的:

var majorField = document.getElementsByTagName('select')[0]
var minorField = document.getElementsByTagName('select')[1]

// Define a dict, mapping each possible value to a function:
majorField.onChangeMap = {
  Plant:  function() { minorField.innerHTML = '<option>Cocoa</option><option>Cocos</option>' },
  Animal: function() { minorField.innerHTML = '<option>Cat</option><option>Cow</option>' },
  Ghost:  function() { minorField.style.visibility = 'hidden' },
}
// When value changes, execute function of dict-map:
majorField.onchange = function(event) {
  event.target.onChangeMap[event.target.value]()
}

// Make sure he minor-field has initially the correct state, by
// executing the mapped function for the major-field's current-value:
majorField.onChangeMap[majorField.value]()

请注意，这只是一个非常简单的映射示例，因为人们不会将选项设置为 html 字符串，并将 minorField 隐藏在在此处使用 visibility = 'visible' 应在所有其他选项上反转 Ghost。