Первый элемент выпадающего списка Jquery отключен при загрузке страницы

Question

У меня есть выпадающий список на моей странице, где пользователь может выбрать элемент. Оттуда они могут выбрать нажатие на кнопку, к которой добавляется еще один выпадающий список (с jquery clone). Что происходит дальше, так это то, что первый выпадающий список отключается, а выбранная опция из этого первого окна скрывается в моем втором выпадающем списке. Это все работает, но есть одна проблема: когда я выбираю первый вариант в первом окне, этот вариант выбирается во втором. Когда я открываю ящик, его там нет, поэтому я не могу выбрать его сам, но он автоматически выбирается при добавлении ящика!

Кратко - два выпадающих - выбранный параметр в раскрывающемся списке 1 скрывается в раскрывающемся списке 2 - выбранный первый вариант из раскрывающегося списка 1! = выбранный (скрытый) параметр в раскрывающемся списке 2

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

Вот как я прячу предмет: $('.group option[value='+selitem+']').hide();

Есть идеи?

Answer 1

Одной из попыток было бы отменить выбор опции следующим образом:

.attr("selected","");

Недавно я боролся с полями выбора, и я обнаружил, что кросс-браузер недостаточнопоследовательность в том, как они ведут себя в отношении того, что они показывают как «выбранные», если ничего не выбрано, особенно при добавлении и удалении из них элементов.

Одно из решений этого, которое предложили другие (и я рассмотрел, но мои требования не выполнялись)стоит потратить мое время) - заменить блок выбора более гибким решением на основе jQuery, которое либо заменяет блок выбора браузера на «пользовательский», имитирующий его, либо использует другой пользовательский интерфейс из поля выбора и делаетвне списка (возможно, из списка переключателей в качестве вспомогательных элементов)