Arhn - архитектура программирования

Отключить параметры выбора на основе значения *только через HTML!*

Мне нужно отключить опцию выбора на основе значения переменной. Значение аналогично одному из значений параметра выбора, и его необходимо отключить.

Например,

<select>
<option>Value a</option>
<option>Value b</option>
</select>

$variable = <some select option value>;

Поэтому, если переменная равна Value a, ее необходимо отключить в опции выбора.

Спасибо.

16.09.2011

Ответы:


1

С вашей текущей разметкой это будет работать:

$("select option:contains('Value b')").attr("disabled","disabled");

http://jsfiddle.net/CtqC6/

РЕДАКТИРОВАТЬ

http://jsfiddle.net/CtqC6/1/

var variable = "b"
$("select option:contains('Value " + variable + "')").attr("disabled","disabled");
$("select").prop("selectedIndex",-1)
16.09.2011
  • Как добавить переменную вместо Value b , также, если первая опция отключена, она отключается только тогда, когда пользователь щелкает меню выбора. 17.09.2011
  • Вы можете сделать его динамическим, создав конструктор с переменными (см. мое редактирование). Кроме того, отключение выбранного элемента работает, оно просто не отменяет выбор выбранного элемента (также в моем редактировании). 17.09.2011

  • 2

    Это должно быть более быстрое решение

    $('select').children('option[value="' + $variable + '"]').attr('disabled', true)
    
    10.11.2014

    3

    Допустим, у вас есть следующая разметка

    <select>
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="mercedes">Mercedes</option>
      <option value="audi">Audi</option>
    </select>
    

    При использовании этого jQuery опция saab будет отключена.

    $("select option").each(function() {
        var $thisOption = $(this);
        var valueToCompare = "saab";
    
        if($thisOption.val() == valueToCompare) {
            $thisOption.attr("disabled", "disabled");
        }
    });
    

    Попробуйте здесь

    16.09.2011
    Новые материалы

    Коллекции публикаций по глубокому обучению
    Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..

    Представляем: Pepita
    Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..

    Советы по коду Laravel #2
    1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..

    Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
    Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..

    3 способа решить квадратное уравнение (3-й мой любимый) -
    1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..

    Создание VR-миров с A-Frame
    Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..

    Демистификация рекурсии
    КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..