WedX - журнал о программировании и компьютерных науках

Выпадающий список не отображается в Firefox

У меня есть раскрывающийся список с параметрами, которые не видны в Firefox, но видны как в IE, так и в Chrome. Я добавил фрагмент кода ниже.

<!DOCTYPE html>
<html>
<head>
<title>Mozilla Test</title>
</head>
<body>
<select id="product" name="product"  title="Product" tabindex="14" style="padding-top:1px!important;padding-bottom:1px!important;width:100px;>
		<option value="selectFruit" label="--Select--"></option>
		<option value="APP" label="Apple"></option>
		<option value="BAN" label="Banana"></option>
		<option value="GRA" label="Grapes"></option>
</select>
</body>
</html>

Может ли кто-нибудь помочь мне с этой проблемой.

browser html css firefox
06.01.2015

  • Случилось со мной в Chrome - проблема заключалась в том, что я забыл добавить ‹!DOCTYPE html› 22.04.2018

Ответы:


1

Похоже, это ошибка в firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=40545#c11)

Я предполагаю, что вы пытались добавить метку в качестве содержимого элемента option?

<!DOCTYPE html>
<html>
<head>
<title>Mozilla Test</title>
</head>
<body>
<select id="product" name="product"  title="Product" tabindex="14" style="padding-top:1px!important;padding-bottom:1px!important;width:100px;>
		<option value="selectFruit" label="--Select--"></option>
		<option value="APP" label="Apple">Apple</option>
		<option value="BAN" label="Banana">Banana</option>
		<option value="GRA" label="Grapes">Grapes</option>
</select>
</body>
</html>

06.01.2015
  • Это может сработать, но я получаю html-контент параметров из внутреннего кода, поэтому это будет мое последнее средство. 06.01.2015
  • @naXa Это справедливое замечание, но оно все еще не решено и доступно для исправления. 01.06.2015

    • 2

    Вы должны написать значение в

    <option value="APP" label="Apple">Apple</option>
    06.01.2015
  • Это может сработать, но я получаю html-контент параметров из внутреннего кода, поэтому это будет мое последнее средство. 06.01.2015

    • 3

    Это старая нерешенная проблема в Firefox, но при условии, что вы можете использовать jQuery, поделившись быстрым обходным решением, которое помогло мне. На моей странице aspx использовалось несколько элементов select, подобных приведенному ниже.

    <select id="cbType" runat="server" class="form-control"
    title="<%$ Resources: Something %>">
    <option value="0" selected="selected" label="<%$ Resources: Option1 %>" runat="server"></option>
    <option value="1" label="<%$ Resources: Option2 %>" runat="server"></option>
    <option value="2" label="<%$ Resources: Option3 %>" runat="server"></option>
    <option value="3" label="<%$ Resources: Option4 %>" runat="server"></option>
    <option value="4" label="<%$ Resources: Option5 %>" runat="server"></option>
</select>

    Теперь просто вызовите метод ниже из jQuery(document).ready().

    function fixFirefoxDropdownIssue() {
    jQuery('select option').each(function() {
        jQuery(this).text(jQuery(this).attr('label'));
    });
}

    Он в основном устанавливает внутренний текст параметра в значение, указанное атрибутом метки. При необходимости вы можете изменить селектор jQuery, чтобы сделать его более конкретным.

    Таким образом, вам не нужно изменять какие-либо теги данных на стороне сервера. Протестировали это в Firefox 40.0.3.

    23.10.2016
    Новые материалы
    Как проанализировать работу вашего классификатора?
    Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..
    Работа с цепями Маркова, часть 4 (Машинное обучение)
    Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..
    Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
    Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..
    Использование машинного обучения и Python для классификации 1000 сезонов новичков MLB Hitter
    Чему может научиться машина, глядя на сезоны новичков 1000 игроков MLB? Это то, что исследует это приложение. В этом процессе мы будем использовать неконтролируемое обучение, чтобы..
    Учебные заметки: создание моего первого пакета Node.js
    Это мои обучающие заметки, когда я научился создавать свой самый первый пакет Node.js, распространяемый через npm. Оглавление Глоссарий I. Новый пакет 1.1 советы по инициализации..
    Забудьте о Matplotlib: улучшите визуализацию данных с помощью умопомрачительных функций Seaborn!
    Примечание. Эта запись в блоге предполагает базовое знакомство с Python и концепциями анализа данных. Привет, энтузиасты данных! Добро пожаловать в мой блог, где я расскажу о невероятных..
    ИИ в аэрокосмической отрасли
    Каждый полет – это шаг вперед к великой мечте. Чтобы это происходило в их собственном темпе, необходима команда астронавтов для погони за космосом и команда технического обслуживания..
    Для любых предложений по сайту: [email protected]