JQuery Mobile reset form html 5

Question

У меня есть форма, которую я хочу сбросить, когда я нажимаю кнопку. Но я просто не могу заставить его работать. Кажется, что диапазон входного типа сбрасывается, но не выбирается.

HTML

<form id="details_to_add"> 
       <div data-role="fieldcontain"> 
        <select id="select_company" data-native-menu="false" onchange="openNewcompanyDialog(this)" value="Company"> 
         <option data-placeholder="company">Company</option> 
         <option value=""></option> 
         <option value="test">Test</option> 
         <option value="internal1">Internal</option> 
         <option value="new_company_option">Add a new company</option> 
        </select> 
       </div> 

       <div data-role="fieldcontain"> 
        <select id="select_description" data-native-menu="false" onchange="handleInternalChoice(this)" value="Description"> 
         <option data-placeholder="description">Description</option> 

         <!--Options to be shown when "internal" is chosen from company --> 
         <option value="internal1_1">Day off</option> 
         <option value="internal1_2">Time off</option> 
         <option value="internal1_3">Vacation</option> 
        </select> 
       </div> 

       <div data-role="fieldcontain"> 
        <label for="number_of_hours">Number of hours:</label> 
        <input type="range" id="number_of_hours" value="0" min="0" max="24" step="0.25" /> 
       </div> 
       <div data-role="controlgroup" data-type="horizontal"> 
        <a href="#" data-role="button" data-rel="back">Close</a> 
        <a href="#" data-role="button" data-rel="back" onclick="pushData()">Save</a> 
       </div> 
      </form> 

Я попытался кучу способов сбросить эту форму, но, как упоминалось выше него только сбрасывает ползунок. Любые предложения?

Answer 1

Вы можете решить, что добавление кнопки, как это:

<a id="reset" data-role="button">Reset</a> 

И с небольшой помощью JQuery ...

$('#reset').click(function() { 
    $('#number_of_hours').val('0').slider('refresh'); 
    $('#select_company').val('Company').selectmenu('refresh'); 
    $('#select_description').val('Description').selectmenu('refresh'); 
}); 

Попробуйте пример здесь: http://jsfiddle.net/KxakF/6/