jQuery удаляет опции SELECT на основе другого выбранного ВЫБОРА (Нуждайтесь в поддержке для всех браузеров),

Question

jQuery удаляет опции SELECT на основе другого выбранного ВЫБОРА (Нуждайтесь в поддержке для всех браузеров),

Ajax получает данные из сервера с помощью JavaScript и XML асинхронным способом. Если Вы не хотите загрузить цветовой код с сервера, это не то, к чему Вы действительно стремитесь!

, Но иначе можно установить фон CSS с JavaScript. При использовании платформы как jQuery это будет что-то вроде этого:

$('body').css('background', '#ccc');

Иначе, это должно работать:

document.body.style.background = "#ccc";

12

javascript jquery select

задан Community 23 May 2017 в 11:54

3 ответа

Для записи вы НЕ МОЖЕТЕ удалить параметры в списке выбора в Internet Explorer.

1

ответ дан 2 December 2019 в 06:09

Вы можете добавить классы в свои для хранения, которые соответствуют каждому значению # theOptions1 :

<select id="theOptions2">
  <option value="a" class="option-1 option-2">a</option>
  <option value="b" class="option-1 option-2 option-3">b</option>
  <option value="c" class="option-1 option-3">c</option>
</select>

, затем сделайте следующее:

$(function() {
    var allOptions = $('#theOptions2 option').clone();
    $('#theOptions1').change(function() {
        var val = $(this).val();
        $('#theOptions2').html(allOptions.filter('.option-' + val));
    });
});

9

ответ дан 2 December 2019 в 06:09

Другие вопросы по тегам:

javascript jquery select

Похожие вопросы:

score 15 · Accepted Answer

Это работает (проверено в Safari 4.0.1, FF 3.0.13):

$(document).ready(function() {
    //copy the second select, so we can easily reset it
    var selectClone = $('#theOptions2').clone();
    $('#theOptions1').change(function() {
        var val = parseInt($(this).val());
        //reset the second select on each change
        $('#theOptions2').html(selectClone.html())
        switch(val) {
            //if 2 is selected remove C
            case 2 : $('#theOptions2').find('option:contains(c)').remove();break;
            //if 3 is selected remove A
            case 3 : $('#theOptions2').find('option:contains(a)').remove();break;
        }
    });
});

И красивый интерфейс:

<select id="theOptions1">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
<br />
<select id="theOptions2">
  <option value="a">a</option>
  <option value="b">b</option>
  <option value="c">c</option>
</select>