如何将使用jquery自动完成选择填充的表单字段的值传递到新页面

Question

我正在使用 Jquery 自动完成功能。这一切都很好。我需要帮助的是，当它在选择特定名称的文本字段之一中填写帮助时，我希望它将该帮助发送到 profile.php?aid= 以便如果有人选择人名，该人可以查看他/她的个人资料。 profile.php 正在使用 $_GET['aid'] 获取 url 参数。

供您参考的代码：

 <script>

$(function() {
    function log( message ) {
        $( "<div>" ).text( message ).prependTo( "#log" );
        $( "#log" ).scrollTop( 0 );
    }

    $( "#frndsrch" ).autocomplete({
        source: "searchfrnds.php",
        minLength: 2,
        select: function( event, ui ) {
             $( "#project-icon" ).attr( "src", "" + ui.item.icon );
             $( "#project-desc" ).val( "Name:" + ui.item.value + " " + ui.item.lvalue+" & "+"About:"+ui.item.abt+" & "+ "Email ID:" + ui.item.email); 
             $( "#aid" ).val( ui.item.aid );


                 }
    });


});
</script>

这里的帮助进入一个带有 id="aid" 的文本字段，用于选择名称。

 <div class="ui-widget">
  <h1>Enter your friend's name</h1>
   <p>
  <label for="frndsrch"></label>
   <img src="images/transparent_1x1.png" alt="" width="100" height="100" class="ui-state-default" id="project-icon" />

      Enter Name:
   <input id="frndsrch" name="srch">
   <br />
    </p>

   <p>Further Information</p>
   <p> <textarea name="info" cols="50" rows="10" disabled="disabled" readonly="readonly" id="project-desc">As soon as you select a name from above, further information will be displayed here. 
   </textarea></p>
  <input type="text" name"aid" id="aid"/>
   </div>

现在如何以及在哪里添加

    <a href="profile.php?aid=<?php echo $_GET['aid']; ?>View Profile</a> 

以便将文本字段辅助中的值传递给 $aid。

Answer 1

首先使用 PHP_SELF 操作创建表单（因此当您提交表单时，它会重新加载页面）并添加一个名称为“submit”的提交按钮以发布表单并稍后在 PHP 中使用它。

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="GET">
<div class="ui-widget">
    <h1>Enter your friend's name</h1>
    <p>
    <label for="frndsrch"></label>
    <img src="images/transparent_1x1.png" alt="" width="100" height="100" class="ui-state-default" id="project-icon" />

    Enter Name:
    <input id="frndsrch" name="srch">
    <br />
    </p>

    <p>Further Information</p>
    <p> <textarea name="info" cols="50" rows="10" disabled="disabled" readonly="readonly" id="project-desc">As soon as you select a name from above, further information will be displayed here. 
    </textarea></p>
    <input type="text" name"aid" id="aid"/>
</div>
<input type="submit" id="submit" name="submit"/>

现在创建 PHP 代码以获取辅助值并在 ANCHOR 标记 url 属性中回显它：

<?php
if (isset$_GET['submit']) {
     $aid = $_GET['aid'];
     echo "<a href='profile.php?aid=$aid'>View Profile</a>";

}
?>