Javascript 下拉菜单 - 选择更改时刷新

Question

我正在尝试进行设置，以便当用户更改“hier_start”时，页面会刷新，并且下拉列表会使用刚刚所做的选择进行预选择。

<form name='categories' id="categories">
<div class="row">
    <select name="hier_start" onchange="javascript: NextCat('A', this.value)">
    <option value="0" parent="0">Select...</option>
    [% FOREACH hier_start IN categories.keys %]
    <option value="[% hier_start %]">[% hier_start %]</option>
    [% END %]
    </select>
    <select name="hier_A" style="display:none" onchange="javascript: NextCat('B', this.value)">
    <option value="0" parent="0">Select...</option>
    </select>
    <select name="hier_B" style="display:none" onchange="javascript: NextCat('C', this.value)">
    <option value="0" parent="0">Select...</option>
    </select>
    <select name="hier_C" style="display:none" onchange="javascript: NextCat('D', this.value)">
    <option value="0" parent="0">Select...</option>
    </select>
    <select name="hier_D" style="display:none">
    <option value="0" parent="0">Select...</option>
    </select>

</div>

Answer 1

onchange 属性应该只包含要执行的操作:

<select name="hier_start" onchange="javascript: NextCat('A', this.value)">

应该是

<select name="hier_start" onchange="NextCat('A', this.value)">

我没有看到有关您刷新页面的方法的任何详细信息，因此除了您可能根本不需要刷新页面之外，我无法提供任何见解。