Заполните значение скрытого элемента формы значением текстового поля в форме отправки (jQuery) - PullRequest
Новая
       30

Заполните значение скрытого элемента формы значением текстового поля в форме отправки (jQuery)

2 голосов
/ 23 июня 2010

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

<form>
<input type="hidden" id="username" name="username" value="" />
<input type="text" id="email" name="email" value="some.email@typed.here.on.webpage.com" />
<input type="submit" value="Submit" class="submit" />
</form>

Ответы [ 2 ]

3 голосов
/ 23 июня 2010

Я нашел этот метод хорошо работает во всех браузерах: 

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript">
function submitMyForm(){
    $('#username').val($('#email').val());
    $('#myform').submit();
}
</script>
<title>Test</title>
</head>
<body>
<form id="myform" action="http://www.example.com" method="post">
<input type="hidden" id="username" name="username" value="" />
<input type="text" id="email" name="email" value="some.email@typed.here.on.webpage.com" />
</form>
<button class="submit"  onclick="submitMyForm()">Submit</button>
</body>
</html>
1 голос
/ 23 июня 2010

Это должно сделать это: 

$('form').submit(function() {
    $('#username').val($('#email').val());
}

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

Также дайте форме идентификатор и измените 'form' на '#THEID'

Ссылка для события отправки:

http://api.jquery.com/submit/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...