Question

我试图搜索答案，但我不知道确切的使用条款。如果以前曾经（很多）问过这个问题，我很抱歉。

我有一个HTML / PHP表单，用户需要通过下拉字段输入客户端名称。我想用这个字段做什么是限制用户输入时的选择。假设我想输入名称John Smith，它显示为“Smith，john”，我希望用户能够开始输入姓氏，并且“自动”选择最接近已输入名称的表单。因此，在此示例中，我将输入“Smit”，下拉列表仅限于以“Smit”开头的所有名称。

我知道HTML和PHP，但Java / jQuery / AJAX /等对我来说是新的，我真的不知道在哪里/如何开始; - ）

有人能指出我正确的方向吗？

编辑：我试过了javascript自动完成功能。给出的例子看起来效果很好，虽然它现在提供了一个丑陋的单词列表。

我还不确定如何在那里获得PHP数组。我试图做无效的建议，但无济于事。这是我现在的代码：

<script>
var client= $.parseJSON('<?php echo json_encode($clname); ?>);

$(function(){
    $( "#tags" ).autocomplete({
        source: client
    });
});
</script>

其中$ clname是来自客户端表的'lastname，firstname'条目的数组。

Answer 1

使用jQuery UI

提供的autocomplete

我假设您在Array中有一个PHP名称，那么您可以这样做

<script>
var username= $.parseJSON('<?php echo json_encode($username); ?>'); // Convert PHP Array to JS Array

// DOM Ready
$(function() {
    $( "#tags" ).autocomplete({
      source: username
    });
  });
</script>

或者您也可以拨打AJAX来从array获取PHP。

别忘了包含jquery-ui.js

在PHP表单选择字段中自动完成用户姓氏

1 个答案: