javascript - 回发后将下拉菜单重置为初始值？

Question

给定一个 ID 为 ddlSomething 的下拉列表在 aspx 表单内部，单击重置按钮 ( <input type='reset'... ) 将所有下拉列表重置为索引 0。如何将下拉列表恢复到在用户开始在表单上乱搞之前回发后立即选择的索引，假设我通过使用 javascript 将所有值重置为空并将所有下拉索引重置为 0 来重置表单？

请注意，我不是询问如何重置表单。我知道该怎么做。

我不是问如何使用 jquery 或 javsacript 将所选索引设置为 0。我知道如何执行此操作。

我希望在回发后以及使用 jquery 将所有值重置为默认值后立即将下拉列表重置为所选索引(文本框中没有任何内容，下拉列表的所选索引为 0)。

踢腿和咯咯笑的示例代码:

...
<select id='ddlSomething'>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
</select> 
<input type="button" value="ClearValues" onclick="ClearForm();" />
<input type="reset" value="Reset Values" id="resetAll" class="ResetButton" />
...
...
    function ClearForm() {
        //handle text
        jQuery("input[type='text'],input[type='number'],input[type='email'],input[type='tel']").each(function () {
            jQuery(this).val("");
        });
        jQuery("option:selected").each(function () {
            jQuery(this).removeAttr('selected');
        });
        jQuery("select option:first-child").each(function () {
            jQuery(this).attr("selected", "selected");
        });
    }

Answer 1

我将在页面内创建一个隐藏字段，并将其值设置为回发期间下拉列表的选定索引。然后在 JS 代码中，您可以引用它，读取它的值并在下拉菜单上设置索引。也许不是最干净的解决方案，但它应该可以完成工作。