如何在链接单击事件上将文本框值传递给另一个脚本

Question

我有一个这样的表格：

one.php

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

问题：

我想将'myTextField'文本框值传递给 two.php ，并希望在屏幕上回显。我不能使用提交按钮，也无法提交表格。有诀窍吗？

由于

Answer 1

您可以首先给锚一个唯一的ID：

<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

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'];

Answer 3

<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;
});