Перейти к содержимому

Как вставить в input текст через js

  • автор:

Вставить текст в input

Текст в этом input е меняется, но сайт это игнорирует, и использует то, что было до изменений. При этом, если вручную отредактировать текст (например на «Олег1»), то эти изменения сайт воспринимает Уже пробовал и innerHTML , и прочее, и .focus() (который не срабатывает), и вызывал событие клика через .dispatchEvent(new MouseEvent(‘click’)) , ничего не срабатывает Сам сайт кидать бессмысленно, ибо до формы ещё нужно добраться, но какие есть предположения, что можно ещё сделать?

Как можно вставить текст в поле?

Alexandre888

В Jquery можно сделать так $(‘#cardNumber-input’).val(‘Значение поля’);
Если использовать чистый JavaScript, то так: document.querySelector(‘#cardNumber-input’).value = ‘Значение’;
Либо так: document.getElementById(‘cardNumber-input’).value = ‘Значение’;
Читайте про управление DOM элементами

Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

javascript

  • JavaScript

Как вставить инлайновый скрипт на DOM веб страницы при разработке расширения для гугл хром?

  • 1 подписчик
  • 2 часа назад
  • 55 просмотров

Курсы javascript

Как сдлать так, что при нажатии на элемент, в поле всталялся определенный текст?

28.02.2011, 12:27

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

Сообщений: 1,813

Повесить обработчик события на этот элемент в функции обработчика вставлять текст туда куда вам нужно.

__________________
.

28.02.2011, 12:35

Интересующийся

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

Сообщений: 22

А какой функцией? Например innerHTML полностью заменяет текст, а что не заменяет?

28.02.2011, 12:40

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

Сообщений: 1,813

innerHTML = «заменит»
а
innerHTML += «добавит»

__________________
.

28.02.2011, 13:05

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

Сообщений: 582

  Перечень Кто бы мог подумать!

28.02.2011, 13:06

Интересующийся

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

Сообщений: 22

Работает, пока я что-нибудь не напишу, потом нет. Это курсор теряется?

28.02.2011, 13:08

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

Сообщений: 582

Какой браузер?

28.02.2011, 13:19

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

Сообщений: 1,813

__________________
.

28.02.2011, 13:38

Интересующийся

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

Сообщений: 22

28.02.2011, 13:53

Интересующийся

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

Сообщений: 22

А если я курсор помещу в середину слова, то можно как-нибудь именно в середине вставить?

Страница 1 из 2 1 2 >

« Пара простых вопросов от чайника | Как сделать, чтобы выпадающее меню оставалось развернутым? »

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Получить координаты курсора в текстовом поле в пикселях prike Events/DOM/Window 4 23.05.2013 04:35
Вставка текста по ширине и длине GMY Общие вопросы Javascript 1 08.08.2010 10:44
Вставка подстроки в строку в текстовом поле на позицию курсора mastajedi Элементы интерфейса 3 10.11.2009 15:16
вывод нужного текста в текстовом поле при нажатии на кнопку! fifo4ka Общие вопросы Javascript 7 06.05.2008 13:36

© Илья Кантор, 2007-2021 О проекте — Обратная связь — Архив форума — Вверх

как сделать input в js

Для создания input с помощью JavaScript можно использовать метод createElement для создания элемента input , а затем добавить его в DOM.

Пример создания input с типом «text»:

const input = document.createElement('input'); input.type = 'text'; document.body.append(input); 

В этом примере мы создали элемент input , задали ему тип «text» и добавили его на страницу с помощью метода append .

Можем задавать и другие атрибуты для элемента input , такие как name , value , placeholder и т.д. Например, чтобы добавить атрибут name :

const input = document.createElement('input'); input.type = 'text'; input.name = 'myInput'; document.body.append(input); 

Как и для других элементов DOM-дерева, для данного input мы можем добавить обработчик события:

const input = document.createElement('input'); input.type = 'text'; input.addEventListener('input', (event) =>  console.log(event.target.value); >); document.body.append(input); 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *