Как передать значение текстового поля в другой скрипт при событии щелчка по ссылке

Question

У меня такая форма:

one.php

<form id='myFormId' name='myFormName'>
  <input type='text' name='myTextField'>
  <a href='two.php'>Show Value</a>
</form>

Вопрос:

Я хочу передать 'myTextField ' значение текстового поля для two.php и хотите echo его на экране.Я не могу использовать кнопку отправки, а также не могу отправить форму.Есть какой-нибудь трюк?

Спасибо

Answer 1

Вы можете начать с присвоения якору уникального идентификатора:

<a id="mylink" href="two.php">Show Value</a>

, а затем зарегистрируйтесь для обработки события click и отправьте запрос AJAX:

$(function() {
    $('#mylink').click(function() {
        $.ajax({
            url: this.href,
            data: { myTextField: $('#myFormId input[name=myTextField]').val() },
            success: function(result) {
                // TODO: use the resulting value
                alert(result);
            }
        });
        return false;
    });
});

Answer 2

<form id='myFormId' name='myFormName'>
  <input type='text' name='myTextField'>
  <a href='two.php' id='myLink'>Show Value</a>
</form>


jQuery('#myLink').live('click',function() {
    $.ajax({
        url: this.href,
        type: 'POST',
        data: $('#myFormId').serialize(),
        success: function( data ) {
            // TODO: use the resulting value
            alert(data);
        }
    });
    return false;
});

Answer 3

one.php

<form id='myFormId' name='myFormName'>
  <input type='text' name='myTextField'>
  <a href='two.php?value=myTextField'>Show Value</a>
</form>

two.php

echo $_GET['value'];