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

javascript в форме

Добавлено: 21 сен 2023, 08:50
ktotut
Добрый день!

Помогите пожалуйста:

нужно создать код javasript который работает по событию после ввода пользователем значения в поле input в форме автоматизации следующим образом. нужно чтобы после того как пользователь ввел в это поле значение в форме появилось содержимое ссылки сформированной как http://site.ru/ЗначениеПоляВведенноеПользователем

мой код не работает
// Находим поле ввода и добавляем обработчик события input
const inputField = document.getElementById('$('#fields_215')');

inputField.addEventListener('input', function() {
// Получаем значение поля ввода
const inputValue = inputField.value;

// Формируем ссылку, добавляя значение поля к базовой ссылке
const baseUrl = 'http://site.ru';
const finalUrl = `${baseUrl}/${encodeURIComponent(inputValue)}`;

// Выводим результат в форме
const resultContainer = document.getElementById('$('#fields_228')');
resultContainer.textContent = finalUrl;
});

Re: javascript в форме

Добавлено: 21 сен 2023, 11:14
Develop-Soft
ktotut писал(а): 21 сен 2023, 08:50 const inputField = document.getElementById('$('#fields_215')');
Ну, синтаксис неправильный...
А какие типы полей 215 и 218?

Re: javascript в форме

Добавлено: 21 сен 2023, 11:54
ktotut
Develop-Soft писал(а): 21 сен 2023, 11:14
ktotut писал(а): 21 сен 2023, 08:50 const inputField = document.getElementById('$('#fields_215')');
Ну, синтаксис неправильный...
А какие типы полей 215 и 228?
215 = поле ввода
228 = iframe

Re: javascript в форме

Добавлено: 21 сен 2023, 13:12
Develop-Soft

Код: Выделить всё

baseUrl = 'http://site.ru';

$('#fields_215').on('input', function (){
	$('#fields_228').val(baseUrl + '/' + encodeURIComponent($(this).val()));
});