jquery - 如何限制用户选择表单ajax自动完成建议

Question

我正在使用以下代码进行ajax建议

<script type="text/javascript">
$(function(){
    setAutoComplete("searchField", "results", "<?php echo base_url(); ?>index.php/user/autofillvalue/<?php echo $this->uri->segment(3); ?>?part=");
});

在 html 中我的代码是

<div class="input text required" id="auto">
      <input id="searchField" type="text" name="searchField" class='inp-form' autocomplete="off">
</div>

建议的代码是 json 编码的。我想限制最终用户只能选择表单建议值。这怎么可能？

Answer 1

正如您显然所知，JQuery documentation page详细介绍了名为 mustMatch 的选项。但正如 this post 中所解释的那样，无法使用。然而，救援来了this post 。其中有一些关于如何解决该问题的建议。以下是该页面的一个解决方案，由 @Anonymous 和 @Elliot 编写:

添加此:

change: function (event, ui) {
    if (!ui.item) {
         $(this).val('');
     }
}

还有这个:

autoFocus: true