有時候我們需要重置一些表單元素，點選重置按鈕的時候，清空表單元素，設定下拉框為預設值等，重置表單除非特殊情況，儘量使用表單自己的重置方法

html部分

<div class="main_content">
                <form id="user_info">
                    <table>
                        <tr>
                            <td class="topic">使用者型別：</td>
                            <td class="user_type">
                                <select class="sel-types"> 
                                    <option value="">請選擇使用者型別</option>
                                    <option value="0">個人版</option>
                                    <option value="1">機構版</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td class="topic">使用者姓名(機構名稱)：</td>
                            <td class="user_name">
                                <input type="text"/>
                            </td>
                        </tr>
                        <tr>
                            <td class="topic">證件號碼：</td>
                            <td class="ID_number">
                                <input type="text" name="idcard" id="idcard">
                            </td>
                        </tr>
                    </table>
                    <ul id="input-history" class="dsn">
                        <li>
                            <span class="left">使用者名稱</span>
                            <span class="right">身份證號</span>
                        </li>
                    </ul>
                </form>
                <!-- 下一步按鈕 -->
                <div class="fundNextButton">
                    <button id="ensure">確定</button>
                    <button id="user-reset">重置</button>
                </div>
            </div>
 

js部分

$('#user-reset').click(function(){
          // $(".ID_number input[type='text']").val('');
          // $(".sel-types option[value='']").attr("selected", true);
          $('#user_info')[0].reset()
          $(".user_name input[type='text']").val('').focus();
        });