Html 重置按钮不会重置选择元素

Html 重置按钮不会重置选择元素,html,forms,twitter-bootstrap,Html,Forms,Twitter Bootstrap,我使用引导和html重置创建了一个重置按钮。它适用于IE,但不适用于Chrome和Firefox 出于某种原因,当我重置表单时,表单中的其余字段会针对所有三种浏览器重置。但是,与IE完全重置表单不同,有一个特定字段显示英里数 在Chrome和Firefox中,不是显示空白英里,而是显示最后一个选项,即20英里 我不明白它为什么这样做。任何帮助都将不胜感激 5. 10 15 20 惯性矩 仅使用默认的选项使用selected=“selected”: <select class="form

我使用引导和html重置创建了一个重置按钮。它适用于IE,但不适用于Chrome和Firefox

出于某种原因,当我重置表单时,表单中的其余字段会针对所有三种浏览器重置。但是,与IE完全重置表单不同,有一个特定字段显示英里数

在Chrome和Firefox中,不是显示空白英里,而是显示最后一个选项,即20英里

我不明白它为什么这样做。任何帮助都将不胜感激


5.
10
15
20
惯性矩
仅使用默认的
选项使用
selected=“selected”

<select class="form-control" name="distance" ng-model="searchParam.distance">
    <option selected="selected"></option>
    <option>5</option>
    <option>10</option>
    <option>15</option>
    <option>20</option>
</select>

5.
10
15
20

5.
10
15
20
惯性矩
仅使用默认的
选项使用
selected=“selected”

<select class="form-control" name="distance" ng-model="searchParam.distance">
    <option selected="selected"></option>
    <option>5</option>
    <option>10</option>
    <option>15</option>
    <option>20</option>
</select>

5.
10
15
20

5.
10
15
20
惯性矩