Firefox игнорирует параметр selected = "selected"

Question

Если вы измените раскрывающийся список и обновите страницу, Firefox, похоже, проигнорирует выбранный атрибут.

<option selected="selected" value="Test">Test</option>

Фактически он выберет ранее выбранный вами вариант (до обновления).Это становится проблемой для меня, так как в выпадающем списке происходит событие, которое меняет другие вещи.Есть ли способ заставить Firefox остановить это поведение (кроме запуска другого события при загрузке страницы)?

Answer 1

Возможно, это ошибка в Mozilla, но попробуйте дать название выпадающему меню.

Answer 2

Ни autocomplete="off", ни размещение его внутри form не работает для меня.

То, что работало , заключалось в том, чтобы использовать только выбранный атрибут без «значения» , например:

<option @(Model.Source == TermSource.Instagram ? "selected" : "")>
    Instagram
</option>
<option @(Model.Source == TermSource.Facebook ? "selected" : "")>
    Facebook
</option>

так что либо он отображает <option selected>...</option>, либо просто <option>...</option>

Answer 3

<option selected="selected" value="Test">Test</option>

В этом случае это работало как для Chrome, так и для Firefox.

$('option[value="Test"]').prop('selected', true);

Я использовал .attr() вместо .prop()

Answer 4

Чтобы показать первый элемент раскрывающегося списка, используйте ProjectName.ClearSelection();

Поместите строки на страницу дизайна для работы во всех браузерах, а также поместите это в код при загрузке страницы.

$(document).ready(function () {
    $("#content_ProjectName option[value='1']").prop("selected", true);
});

Answer 5

автозаполнение также не работает для меня.

Это исправление javscript, написанное в jquery, которое я использую:

$('input[type="radio"][selected]').click();

Answer 6

Это мое решение:

var select = document.getElementById('my_select');
for(var i=0; i < select.options.length; i++){
    select.options[i].selected = select.options[i].attributes.selected != undefined;
}

Я просто поместил это в верхней части страницы (с соответствующим установленным идентификатором), и это работает для меня. Заменив getElementById на цикл по всем выборкам на странице, я оставляю это упражнение для читателя;).

Answer 7

попробуйте отключить autocomplete атрибут выбора ввода ... иногда браузер игнорирует select из-за этого

Answer 8

На работе я только что исправил ошибку, из-за которой опция окна выбора отображалась правильно в Chrome, но не в Firefox, на той же веб-странице.Оказалось, что это нечто совершенно иное, чем проблемы, описанные выше, но, возможно, это проблема, с которой вы столкнулись.

В Chrome цвет шрифта в поле выбора был черным.По какой-то причине в Firefox поле выбора унаследовало цвет шрифта от контейнера, который был белым.После того как я добавил правило CSS, чтобы цвет шрифта в этом поле был выбран черным, набор значений отображался правильно.

Answer 9

Если вы измените выбор и обновите страницу, Firefox восстановит ваши изменения в форме, поэтому вы чувствуете, что выбор не работает. Вместо обновления попробуйте открыть ссылку на новой вкладке.

Answer 10

Для меня ни одно из вышеуказанных решений не сработало. Я должен был явно установить выбор, если ни один не был установлен:

if (foo.find(':selected').length === 0) {
    $(foo.find('option')[0]).attr('selected', 'selected');
}

Хотелось бы, чтобы firefox это исправил: (