Есть ли способ автоматически заполнить текстовое поле из другого текстового поля на веб-странице?

Мне нужно скопировать значение из одного текстового поля в другое текстовое поле. Мне нужно сделать это для тысяч товаров на моем веб-сайте. Интересно, есть ли способ сделать это автоматически, чтобы уберечь меня от копирования каждого отдельного файла, на что потребовались бы дни. Цените любую предоставленную помощь.

См. Это изображение для великолепной иллюстрации:

Есть ли способ автоматически заполнить текстовое поле из другого текстового поля на веб-странице?

Вы можете прикрепить event listener (onblur) к своему полю ввода, и когда фокус теряется из этого текстового поля, он принимает свое значение и устанавливает значения всех других полей, которые вы хотите заполнить этим значением, конечно, для этого потребуется javascript.

Ryan Wilson 02.11.2018 16:00

Где ваш код, чтобы мы могли вам помочь? А что пробовали до сих пор?

cнŝdk 02.11.2018 16:05

Добро пожаловать в SO. Пожалуйста, возьмите тур из справочный центр, чтобы увидеть как задать хороший вопрос. Мы не сможем вам помочь, если вы не предоставите код - посмотрите, как создать минимальный воспроизводимый пример

Pete 02.11.2018 16:06

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

Pete 02.11.2018 16:08

Извините, мне нужно уточнить - я использую веб-сайт (рекламный лист), чтобы изменить цены на моем веб-сайте, а также на ebay, amazon и т. д. Мне нужно заполнить форму в рекламном листе, а не на моем собственном веб-сайте.

ptr 02.11.2018 16:11

Затем вам нужно будет найти какое-нибудь расширение для браузера (или написать собственное) - если это не ваш сайт, вы мало что можете сделать. К сожалению, запрос плагинов на этом сайте не по теме

Pete 02.11.2018 16:14

Вам нужно определить, как различать два текстовых поля, затем вы можете просто найти те, из которых вы хотите получить дату, и скопировать их в другие поля (при условии некоторого условия, чтобы установить его в нужном месте) - вы в основном нужно что-то вроде getElementBy (something) и forEach loop для установки значений. Но без примера вы не можете ничего другого.

D.V.D. 02.11.2018 16:24
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
7
55
1

Ответы 1

Если вы знаете идентификатор таблицы, вы можете использовать консоль браузера для запуска Javascript, подобного этому,

var table = document.getElementById("table1");
for (var i = 0, row; row = table.rows[i]; i++) {
   row.cells[1].children[0].value = row.cells[0].children[0].value;
}

Приведенное выше изменит вход ячейки 2 на вход ячейки 1 во всей таблице. Возможно, вам потребуется изменить номер ячейки в соответствии с реальной таблицей.

Надеюсь это поможет.

Таблица: <table class = "dg" cellspacing = "0" rules = "all" border = "1" id = "ctl00_cp1_dg" style = "width: 100%; border-collapse: collapse;"> <tbody> <tr > Ячейка ввода: <td> <input name = "ctl00 $ cp1 $ dg $ ctl02 $ sp" type = "text" value = "0.00" id = "ctl00_cp1_dg_ctl02_sp" autocomplete = "off" style = "width: 60px; -align: right "> </td> Выходная ячейка: <input name = " ctl00 $ cp1 $ dg $ ctl02 $ ap "type = " text "id = " ctl00_cp1_dg_ctl02_ap "autocomplete = " off "style = " width: 60px; text-align: right ">

ptr 02.11.2018 16:44

Итак, идентификатор таблицы - ctl00_cp1_dg_ctl02_sp, а ячейки ctl00 $ cp1 $ dg $ ctl02 $ ap и ctl00_cp1_dg_ctl02_ap

ptr 02.11.2018 16:45

Другие вопросы по теме