Question

需要在select属性中设置一组动态值，具体取决于另一个select属性。

e.g。将有两个下拉属性1.父下拉列表，2。子下拉列表

如果＆＃34; A＆＃34;在父下拉列表中选择＆＃34; Air＆＃34;，＆＃34; Apple＆＃34;，＆＃34; Ant＆＃34;将在下拉列表中显示。

如果＆＃34; B＆＃34;在父属性中选择＆＃34; Ball＆＃34;，＆＃34; Box＆＃34;，＆＃34; Base＆＃34;将会出现。

所以基本上，子下拉列表的值将取决于父下拉列表的选定值。

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

提前致谢。

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>

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

1 个答案: