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

Question

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

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

如果在父下拉列表中选择“A”，则“Air”，“Apple”，“Ant”将显示在下拉列表中。

如果在父属性中选择“B”，则将显示“Ball”，“Box”，“Base”。

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

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

提前致谢。

Answer 1

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

 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>