在Magento Admin面板的目录产品页面中动态设置选择选项

Question

需要在选择属性中具有一组动态值,具体取决于另一个选择属性.

例如,将有两个下拉属性1.父下拉列表,2.子下拉列表

如果在父下拉列表中选择"A",则"Air","Apple","Ant"将显示在下拉列表中.

如果在父属性中选择"B",则将显示"Ball","Box","Base".

因此,子下拉列表的值基本上取决于父下拉列表的选定值.

我希望将其设置为动态,因为选项可以保存在属性下,这些值将显示在"目录产品编辑"页面中.

提前致谢.

Answer 1

如果您在 JS 中的对象或数组中的选择框中有数据，请尝试以下代码，那么您可以轻松过滤掉它并将其附加到选择框这里是演示DEMO

var data = {
  "A": ["Air", "Apple", "Ant"],
  "B": ["Water", "Mango", "Fly"]
}

jQuery('#parent').on('change', function() {
  var tempData = data[this.value];
  var selectChild = jQuery('#child');
  jQuery('option', selectChild).remove();
  for (var i = 0; i < tempData.length; i++) {
    var option = new Option(tempData[i], tempData[i]);
    selectChild.append(jQuery(option));
  }

});

<select id="parent">
  <option value="">Select Parent</option>
  <option value="A">A</option>
  <option value="B">B</option>
</select>
<select id="child">
  <option value="">Select Child</option>
</select>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>