我是一位乐于助人的助手,以下是您需要翻译的内容:
我有一个表单,当我点击按钮时想要重置表单。但是我似乎无法让它正常工作。输入类型为range的输入框似乎被重置了,但是选择框没有。
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>
我尝试了很多方法来重置这个表单,但是如上所述,它只会重置滑块。有什么建议吗?