Javascript 在从动态附加的li列表中选择时，将选定的li文本附加到输入，并使用jquery清除列表

这是我的表格

    <form action="jqry.php" method="post">
      <input class="name" name="name" type="text" id="name">
      <input name="submit" type="submit" value="submit" />
    </form>
    <ul id="display_results"></ul>

下面是从数据库中获取数据并返回值的过程

      <?php
        $dbhost = "localhost";
        $dbuser = "root";
        $dbpass = "";
        $dbname= "userdata";
        $conn = mysql_connect($dbhost, $dbuser, $dbpass);
        mysql_select_db($dbname) or die ('<META HTTP-EQUIV="Refresh"   CONTENT="0;URL=Failed.php?dberror=1">');    

        $token = mysql_escape_string($_POST['uname']); 

        $query = "SELECT user_name FROM users WHERE user_name LIKE '%$token%'";
        $result = mysql_query($query) or die(mysql_error());
        $string="";

         if (mysql_num_rows($result)){
            while($row = mysql_fetch_assoc($result)){
            $string .= "<li>".$row['user_name']."</li>";
           }
         }else{
             $string = "No matches found!";
         }
             echo $string;
        ?>

---

对动态
li
使用事件委派，只针对静态容器：

$("#display_results").on("click", "li", function() {
    $("#name").val($(this).text());
    //Do ajax
});

那么，
id=name
将用于每个结果吗？
$("#display_results").on("click", "li", function() {
    $("#name").val($(this).text());
    //Do ajax
});