Присвоить значение другому идентификатору поля?

Question

У меня есть форма с полем уникального идентификатора, который пользователь должен ввести, при передаче этого значения он должен появиться в другом поле id. так, например. поле, в которое пользователь вводит уникальный код, называется «уникальным», а копия должна быть в «сообщении», как мне этого добиться?

<div data-role="fieldcontain">
                        <label for="pins" id="pinLabel"><span style="color:#f22300">*</span>&nbsp;Unique Code:</label>
                        <input data-mini="true" name="pins_r" id="pins" placeholder="9 alphanumeric characters"/>
                    </div>
                    <input type="hidden" id="msg" name="msg" value=pins>

Спасибо

Answer 1

Есть два способа сделать это с помощью JavaScript.

Метод 1)

Иметь событие onchange в уникальном поле, чтобы при каждом изменении значения изменять его в скрытом полеВызванное сообщение.

<input type="text" id="unique" name="unique" onchange="setMessage(this);">
<input type="hidden" id="message" name="message">

function setMessage(field) {
    document.getElementById('message').value = field.value;
}

Метод 2)

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

т.е.post message = document.getElementById ('unique'). value

Оба вышеперечисленных варианта значительно улучшаются, если вы используете JQuery или другую вспомогательную среду JS.

Answer 2

Если вы хотите, чтобы ваши значения устанавливались в метке одновременно, она вводится.

Вы можете сделать что-то подобное.

$(document).ready(function() { 
$('#pins').keypress(function() {
        setTextValueForPins(this);
    });
});

function setTextValueForPins(textPin)
{
$('#pinLabel').text($('#textPin').val());
}

Если вы хотитезначение, которое будет установлено после того, как пользователь ввел значение, вы можете использовать событие изменения.

PS: код не проверен, сообщите мне, если у вас возникнут какие-либо проблемы.