Кнопка сброса не сбрасывает элемент выбора

71
7

Я создал кнопку сброса, используя bootstrap и html reset. Он работает в IE, но не в Chrome и Firefox.

По какой-то причине, когда я возвращаю форму, остальные поля в форме сброшены для всех трех браузеров. Однако, в отличие от IE, который полностью сбрасывает форму, существует определенное поле, которое отображает мили.

В Chrome и Firefox вместо того, чтобы показывать пустую милю, он переходит к последнему варианту, который составляет 20 миль.

Я не понимаю, почему он ведет себя таким образом. Любая помощь будет оценена

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

<div class="input-group-addon">mi</div>
</div>
</div>

<!---The reset button --->

<div class="form-group">
<input class="btn btn-primary btn-block" type="reset" value="Reset" />
</div>

спросил(а) 2016-07-27T02:52:00+03:00 3 года, 4 месяца назад
1
Решение
55

Использовать selected="selected" только с option по умолчанию:

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

<form>
<div class="form-group">
<div class="input-group">
<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>

<div class="input-group-addon">mi</div>
</div>
</div>

<!---The reset button --->

<div class="form-group">
<input class="btn btn-primary btn-block" type="reset" value="Reset" />
</div>
</form>

См. JSFiddle

ответил(а) 2016-07-27T03:01:00+03:00 3 года, 4 месяца назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема