html自带的“重置”功能是怎么实现的？

Question

现在遇到一个问题：在页面上用了一个自定义的下拉框A，假设A的初始值为“xx”,然后重新选择了一个A的下接项比如“yy”,但是此时点击自带的“重置”按钮时不能重置为初始值“xx”。
我不想使用自定义的“重置”按钮，而使用HTML自带的“重置”按钮该如何实现将A的值重置为初始值“xx”?

Answer 1

reset按钮能把下拉框的值重置成初始的值吧?
把你html代码贴上来看看~

Answer 2

<INPUT TYPE="button" VALUE="ss" ONCLICK="this.form.reset()">就是调用form的reset方法

Answer 3

<form id="form1" method="post" action="">
    <select name="1">
        <option value="1">aaaa</option>
        <option value="2" selected="selected">bbbb</option>
        <option value="3">cccc</option>
    </select>
    <input type="reset" value="reset"/>
</form>
我想你应该是这个意思,看下这个

Answer 4

已找到原因。原来我的自定义下拉框初始值都是“请选择”，只是在遍历下拉项时又将初始值设置为我所需要的“默认值”，这样使用HTML自带的“重置”功能时只会将下拉框重置为“请选择”。

Answer 5

那么解决办法就是在服务端就把值设好，而不是在客户端脚本里设置？
或者写一个方法，调用form.reset()后再调用页面初始化脚本？