如何动态更改列表（选择）数据

Question

我要添加产品详细信息。 因此，为此，我必须添加产品属性，产品功能。

我正在从mysql表加载属性的所有数据。

我正在使用一种机制，第一个用户必须从列表（选择控件）中选择属性类别，当用户选择类别时，其他列表（选择控件）的数据将随之改变。

主要类别图片：

子属性类别：

我在JavaScript数组中添加了像这样的数据：

var at_category_id = [];
var at_category_name = [];

<%
    List<Integer> aIDList = (List<Integer>) request.getAttribute("aID");
    List<String>  aNAMEList = (List<String>) request.getAttribute("aNAME"); 

    for (int i = 0; i < aIDList.size(); i++) 
    {
     %>
        at_category_id.push(<%= aIDList.get(i) %>);
        at_category_name.push(<%= aNAMEList.get(i) %>);
    <%
    }
%>

var option_str = document.getElementById('list_main_category');

    for (var i=0; i<at_category_id.length; i++) 
    {
        option_str.options[option_str.length] = new Option(at_category_id[i],at_category_name[i]);
    }

我已经为属性做了同样的事情，并将数据添加到JavaScript数组。

var at_id = [];
var at_name = [];

<%
    List<Integer> acIDList = (List<Integer>) request.getAttribute("acID");
    List<String>  acNAMEList = (List<String>) request.getAttribute("acNAME");   

    for (int i = 0; i < aIDList.size(); i++) 
    {
     %>
        at_id.push(<%= acIDList.get(i) %>);
        at_name.push(<%= acNAMEList.get(i) %>);
    <%
    }
%>

但是现在我不知道如何前进。

我想做这样的事情。

意味着当用户单击主要类别的第一个列表时，第二个列表将如何更改？

任何建议。

Answer 1

通常的方法是在第一个组合框的更改值上放置一个javascript操作。

此时，您可以（简便方法）提交整个表单，然后将添加的附加值发送回新页面，或者（稍微复杂一点）执行AJAX调用以获取数据并填充新的下拉列表。