代码之家  ›  专栏  ›  技术社区  ›  Naveed

如何在链接单击事件中将文本框值传递给其他脚本

  •  0
  • Naveed  · 技术社区  · 14 年前

    我有这样的表格:

    On.PHP

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

    问题:

    我想通过 “MyTrimeField'” 文本框值到 二,PHP 并且想要 回声 它在屏幕上。我不能使用提交按钮,也不能提交表单。有什么把戏吗?

    谢谢

    3 回复  |  直到 14 年前
        1
  •  1
  •   Darin Dimitrov    14 年前

    您可以从给锚一个唯一的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;
        });
    });
    
        2
  •  0
  •   Alex Pliutau    14 年前

    On.PHP

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

    二,PHP

    echo $_GET['value'];
    
        3
  •  0
  •   Naveed    14 年前
    <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;
    });