Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как из одного инпута вывести текст в другой инпут? (https://javascript.ru/forum/misc/85226-kak-iz-odnogo-inputa-vyvesti-tekst-v-drugojj-input.html)

Aidec 19.05.2023 08:06

Как из одного инпута вывести текст в другой инпут?
 
Здравствуйте, столкнулся с проблемой по выводу текста с одного инпута в другой.
Есть
<input id="d" class="d1" type="text" name="form-text" list="p">
<datalist id="p">
<option value="карта">
<option value="список">
</datalist>

Нужно что бы при выборе из списка или когда пишешь что либо выводилось сразу на другой инпут
<input id="ds" class="d1s" type="text" name="form-text" >


Помогите разобраться с этой проблемой

voraa 19.05.2023 08:14

<input id="d" class="d1" type="text" name="form-text" list="p">
<datalist id="p">
<option value="карта">
<option value="список">
</datalist>
<input id="ds" class="d1s" type="text" name="form-text" >
<script>
const id = document.getElementById('d');
const ids = document.getElementById('ds');
id.addEventListener('input', () => ids.value = id.value)
</script>

Aidec 19.05.2023 08:29

Спасибо за помощь

Aidec 26.05.2023 09:32

Столкнулся проблемой.
Получаю таким образом с одного в другой инпут текст(дату)
var d13 = document.getElementById('dts'); 
var d131 = document.getElementById('dts1');  d13.addEventListener('input', () => d131.value = d13.value;

Но вот мне нужно что бы когда в d13 меняли дату то на ней будет висеть функция которая меняет год.
Например я пишу в d13 - 12.02.2023 и в d131 это будет отображаться так -12.02.2024.
Функцию я сделал, (resultDate(dts)) а вот как ее применить к инпут не знаю.
Подскажите как решить эту задачу

voraa 26.05.2023 09:43

Наверно
d131.value = resultDate(d13.value);

Aidec 26.05.2023 09:52

Спасибо

Rise 26.05.2023 09:56

Aidec,
d13.addEventListener('input', () => d131.value = d13.value.replace(/\d+/, (y) => ++y));

рони 26.05.2023 10:24

Rise,
/\d+$/

voraa 26.05.2023 10:32

Ошибок не оберешься Тут же событие 'input'.
Пользователь ввел '1'- ему показывают 2, ввел '12' - показывают 13. Ввел '12.' - что будет показано?

Rise 26.05.2023 10:40

рони, voraa,
Это для <input type="date">


Часовой пояс GMT +3, время: 16:31.