Question

我已经进行了如下所示的自动完成控制。

var PrimaryPhy = <?php include('getdata.php'); ?>;
        $("#PatientID").autocomplete({
            source: PrimaryPhy,
            autoFocus:true
        });

访问getdata.php

<?php

$con = mysql_connect("localhost","***","***");

if(!$con){
die("Error : ".mysql_error());
}

mysql_select_db("DBname",$con);

$patient_info = array();
$result = mysql_query("select * from tablename");
while($row = mysql_fetch_array($result)){
$patient_info[] = $row['Name'];
}
echo json_encode($patient_info);

?>

这里我带来了表格中所有记录的所有名称信息。但我想像Dropdown一样选择值。例如：

<option value="1">Item 1</option>

同样，我需要将表的主键ID作为该项的值。我怎样才能做到这一点？

如果我在此控件旁边放置一个自动完成控件，如何将第一个自动完成输出作为第二个自动完成输入的输入？

Answer 1

您可以<datalist>完成此操作。

<datalist>元素是HTML5规范中的新增内容，允许开发人员为其Web应用程序创建本机自动完成下拉列表。

<datalist>元素用于指定自动完成列表的所有可能值，如下所示：

<datalist id="languages">
  <option value="HTML">
  <option value="CSS">
  <option value="JavaScript">
</datalist>

有关详细示例，您可以查看here

如何使自动完成功能类似于下拉列表？

1 个答案: