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

时间:2012-10-23 11:52:07

标签: php jquery jquery-ui

我正在使用Jquery Autocomplete。这一切都运作良好。我需要帮助的是,当它在选择特定名称的其中一个文本字段中填写辅助时,我希望它将该帮助发送到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。

1 个答案:

答案 0 :(得分:0)

首先使用动作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>";

}
?>