Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.08.2024, 12:53
Кандидат Javascript-наук
Отправить личное сообщение для samdo Посмотреть профиль Найти все сообщения от samdo
 
Регистрация: 27.05.2017
Сообщений: 105

Замена input на select
Приветствую!
На странице есть поле:
<input id="user-submitted-tags" name="user-submitted-tags" type="text" value="" class="usp-input">

Необходимо вместо него подставить :
<select id="user-submitted-tags" name="user-submitted-tags" class="usp-input">
  <option value="Тег1">Тег1</option>
  <option value="Тег2">Тег2</option>
  <option value="Тег3">Тег3</option>
</select>

Пробовал варианты через replaceWith() jQuery, не получается. Буду благодарен, если поможете с решением.
Заранее СПАСИБО!
Ответить с цитированием
  #2 (permalink)  
Старый 15.08.2024, 14:36
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,202

Сообщение от samdo
На странице есть поле:
...
Необходимо вместо него подставить
...
Например вот так...

<input id="user-submitted-tags" name="user-submitted-tags" type="text" value="" class="usp-input">

<script>
const s = `<select id="user-submitted-tags" name="user-submitted-tags" class="usp-input">
  <option value="Тег1">Тег1</option>
  <option value="Тег2">Тег2</option>
  <option value="Тег3">Тег3</option>
</select>
`
const o = document.querySelector('#user-submitted-tags')
o.insertAdjacentHTML('beforeBegin', s)
o.remove()
</script>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как в input поместить значение select kobriyyu Events/DOM/Window 1 23.03.2021 07:16
Проверка полей input и select на обязательность функция Jquery find() mxup Общие вопросы Javascript 5 02.08.2016 05:32
Проблемы с элементами select и input razorg1991 Элементы интерфейса 10 06.01.2016 01:09
Замена input на select dima_riabets Общие вопросы Javascript 8 16.01.2015 21:28
При добавлении DOCTYPE "плывут" размеры input type=text Demath (X)HTML/CSS 4 08.07.2012 19:27