Как скрыть option из всех select после его выбора в одном?

06.12.2018, 18:13. Показов 951. Ответов 0

Метки html (Все метки)

Студворк — интернет-сервис помощи студентам

Здравствуйте, у меня есть select, и есть кнопка для создания еще одного такого же select.
Как скрыть option в других select если он уже выбран в первом?

HTML5
1
2
3
4
5
<select class='optfo form-control w-50' name='Pub-1' id='f-1'>
<option value="1">[1] элемент1</option>
<option value="2">[2] элемент2</option>
</select>
<input type="button" value="Добавить паб" onclick="addInput('#add');"><br>

Код addInput

JavaScript
1
2
3
4
5
6
function addInput(forma) {
    i++; if(i > 38){alert("Максимальное допустимое количество пабов!");} else{
    $(forma).before("<label for='f-"+i+"'>Выберите паб</label><br><select class='optfo form-control w-50' name='Pub-"+i+"' id='f-"+i+"'>"+list+"</select><input class='ppost form-control' type='number' name='Pub-"+i+"post' id='fp-"+i+"' min='1' required'><label for='fp-"+i+"'>Постов</label><br>");
    $('#pCounts').val(i);
    }
}

Список элементов загружается из базы данных через ajax в переменную list после полной загрузки документа.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
var list;
$.ajax({
        type: "POST",
        url: "tt.php",
        // dataType: 'json',
        success: function(data) {
            $('#f-1').html(data);
            list = data;
        },
        error:  function(xhr, str){
            alert("Возникла ошибка, обратитесь к администратору.");
        }
    });

Заранее спасибо!

cpp_developer

Эксперт

20123 / 5690 / 1417

Регистрация: 09.04.2010

Сообщений: 22,546

Блог

06.12.2018, 18:13

Ответы с готовыми решениями:

Скрыть невыбранные option из select
Всем доброго времени суток) Вопрос такой. Есть select с несколькими пунктами. При нажатии на один из них, появляется форма именно для...

Показать/скрыть большое колличество option внутри select
Нужно реализовать фильтр в select по первой букве с помощью стандартных кнопок. Сделал так: function onShowBlock(id) { $("select...

Пользовательский скрипт для выбора option в select по умолчанию
Добрый день всем! Я часто посещаю один сайт и мне надоело выбирать из списка то что мне надо,я хочу чтобы по умолчанию при загрузки...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

raxper

Эксперт

30234 / 6612 / 1498

Регистрация: 28.12.2010

Сообщений: 21,154

Блог

06.12.2018, 18:13

Помогаю со студенческими работами здесь

Выбрать option в select при выборе другого option в другом select
Всем добрый привет! Подскажите, пожалуйста, как реализовать вот какую штуку: необходимо, чтобы при выборе option с value=0 в select с...

Найти option в select, зная его текст
Всем привет! <select id="test"> <option value="x">A</option> <option value="xx">Boy</option> <option...

Как добавить запись в БД после выбора поля в select options
Добрый день, вопрос такой, как мне в INSERT INTO в поле $division подгрузить из value = $ID выпадающего списка. Код: $division =...

Запрет на редактирование всех элементов на странице, select option, textarea, input text
Помогите пожалуйста, необходимо сделать так чтобы при клике на кнопку сработала функция и все элементы были заблокированы(disabled), а до...

При выборе option'a в select, option не отображается
Всем привет, помогите сделать так, чтобы при выборе option'a в select'e, этот option не отображался. Сейчас для того, чтобы выводить...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .

Наверх