Как с помощью JS изменить значение SELECT списка на значение с атрибутом selected?
Добрый день, никак не могу найти решение, имеется список
<select> <option value="1" selected="selected">1</option> <option value="2">2</option> <option value="3">3</option> </select> |
<select> <option value="1" selected="selected">1</option> <option value="2">2</option> <option value="3">3</option> </select>
И нужно с помощью JS изменить на значение со свойством selected
Уже всякие варианты пробовал, но никак не получается именно на вариант с атрибутом selected
Дополнительно:
Изменить на значение со свойством selected
Расскажите подробнее, из вопроса непонятно что реально вам нужно.
пользователь может менять значения на форме, и в один момент нужно js скриптом, вернуть обратно на всех таких select-ах в пункты с атрибутом selected, т.е. как бы сбросить на значение по умолчанию
<select> <option value="1" selected="selected">1</option> <option value="2">2</option> <option value="3">3</option> </select> <button>Reset</button> |
<select> <option value="1" selected="selected">1</option> <option value="2">2</option> <option value="3">3</option> </select> <button>Reset</button>
const $select = document.querySelector('select'); document.querySelector('button').addEventListener('click', () => { $select.value = $select.querySelector('option[selected]').value; }); |
const $select = document.querySelector('select'); document.querySelector('button').addEventListener('click', () => { $select.value = $select.querySelector('option[selected]').value; });
Ответы:
<select id='personlist'> <option value="1" selected="selected">1</option> <option value="2">2</option> <option value="3">3</option> </select> <script> document.getElementById('personlist').value='2'; </script> |
<select id='personlist'> <option value="1" selected="selected">1</option> <option value="2">2</option> <option value="3">3</option> </select> <script> document.getElementById('personlist').value='2'; </script>
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того чтобы изменить значение SELECT списка на значение с атрибутом selected с помощью JavaScript, можно использовать следующий код:
document.addEventListener('DOMContentLoaded', function() { var select = document.getElementById('mySelect'); // заменить 'mySelect' на id вашего SELECT списка for (var i = 0; i < select.options.length; i++) { if (select.options[i].hasAttribute('selected')) { select.value = select.options[i].value; break; } } });
Этот код будет выполняться при загрузке страницы. Он найдет элемент SELECT по его id, затем пройдется по всем элементам OPTION внутри него и проверит, есть ли у какого-либо из них атрибут selected. Если такой элемент найден, то значение SELECT списка будет изменено на значение этого элемента.
Не забудьте заменить 'mySelect' на id вашего SELECT списка в коде.
Надеюсь, это поможет вам решить вашу проблему! Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать.