Вместо значение инпута отправлялось значение переменной, как реализовать?

Question

[LazariusPaskalius]

Необходимо, чтобы в форме вместо значения инпута отправлялось значение переменной, привязонное к значению инпута, а значение инпута не отправлялось. Например, есть инпут, я ввожу в него свое имя, но на сервер должно отравиться позиция моего имени в списке имен, а само имя никуда отправляться не должно. Как это можно реализовать?

Answer 1

[Александр]

А хоть какой-то код имеется? Без кода как пальцем в небо тыкать. Но, можете использовать нечто такое.

<form action="some_url" method="POST">
	<input type="text" name="username">
	<button>Submit</button>
</form>

const form = document.querySelector('form');
const users = ['John', 'Emily', 'Bruce', 'Alice'];

form.addEventListener('submit', event => {
	const input = form.querySelector('input[type="username"]');
	const index = users.indexOf(input.value);

	if (index === -1) {
		event.preventDefault();
	} else {
		input.value = index;
	}
});

UPD: Пример на React.

Comments

[Павел Диденко]

Учитывая тег React, ваш код не подойдет