2012-01-23 13 views
4

ボタンを押したときにリセットしたいフォームがあります。しかし、私はそれを働かせるようには思えません。入力タイプの範囲がリセットされているようですが、selectの範囲はリセットされていないようです。Jquery Mobileリセットフォームhtml 5

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> 

私はこのフォームをリセットする方法の束を試してみましたが、それより上に述べたようにのみスライダをリセットしています。 提案がありますか?

答えて

4

次のようなボタンの追加、それを解決することができます:ここでの例を試してみてください

...

<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/