Question

我使用jquery autocomplete插件编写了一个自动完成文本框的代码.....但它无法正常工作

这里是html

    <input type="submit" value="Search" />
    <input class="searchBox" id="isearch" name="isearch" value="" type="text" />
    <input type="hidden" name="hsearch" id="hsearch" />

和javascript

  $(document).ready(function(){
  $("#isearch").autocomplete(
     "search.php", 

      {
            select: function(event, ui) {
        event.preventDefault();
        $("#isearch").val(ui.item.label);
        $("#hsearch").val(ui.item.value);
        return false;
    },
    focus: function(event, ui) {
        event.preventDefault();
        $("#isearch").val(ui.item.label);
        return false;
    }
});
    });

PHP代码

    <?php
       include 'config.php';

       $q=$_GET['q']; 
       $my_data=mysql_real_escape_string($q);
       $sql="SELECT emp_id,name FROM f_name WHERE name LIKE '%$my_data%' ORDER BY name";
       $result = mysql_query($sql) or die(mysql_error());
       $results = array();

while($row=mysql_fetch_array($result))
{
    $results[] = array('value' => $row['emp_id'],'label' => $row['name']);
}
echo json_encode($results);

    ?>

在文本框中返回的

和json值是

   [
     {"value":"2","label":"AAA ZZZ"},
     {"value":"3","label":"Roger Fedrer"},
     {"value":"1","label":"Php Admin"}
   ]

我希望文本框只显示“label”，“value”应该存储在hidden-field

中

jquery autocomplete插件与json无法完美配合

0 个答案: