自动拉到底html,下拉列表自动填充HTML

我有一个连接到我的数据库的下拉列表。该列表包含地理特征。下拉列表自动填充HTML

当我选择要点击的区域时，它会触发一个允许放大此区域的功能(onclick =“zoomToCountry”)。

此代码：

Territoires :

try{

//Tentative de connexion à la bdd

$bdd = new PDO('pgsql:host=localhost; dbname=TEST','postgres','');

}

catch(Exception $e){

// En cas d'erreur on affiche un message et on stop tout

die('Erreur : '.$e->getMessage());

}

$requete ='SELECT "SCOT_2016", St_astext("geom") as "geom_ok" from "GEOMETRIES"."SCOT_GEOFLA_2016" ORDER BY "SCOT_2016" ASC';

$listScot = $bdd -> query($requete);

foreach($listScot as $row){

echo ''.$row[0].'';

}

?>

不过，我想提高下拉列表的功能。

例如，我想给用户在列表中写入(自动完成)的可能性。

下面的代码允许我在我的列表中编写但是它不再引用我的函数(onclick)，它允许我进行动态缩放。

Territoires :

try{

//Tentative de connexion à la bdd

$bdd = new PDO('pgsql:host=localhost; dbname=TEST','postgres','');

}

catch(Exception $e){

// En cas d'erreur on affiche un message et on stop tout

die('Erreur : '.$e->getMessage());

}

$requete ='SELECT "SCOT_2016", St_astext("geom") as "geom_ok" from "GEOMETRIES"."SCOT_GEOFLA_2016" ORDER BY "SCOT_2016" ASC';

$listScot = $bdd -> query($requete);

foreach($listScot as $row){

echo ''.$row[0].'';

}

?>

如何在保持动态缩放的同时实现自动完成功能？