如何限制用户从ajax自动完成建议中进行选择

时间:2013-03-18 07:08:21

标签: jquery ajax autocomplete

我正在使用以下代码进行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编码的。我想限制最终用户只选择表单建议值。怎么可能?

1 个答案:

答案 0 :(得分:3)

正如您明显知道的那样,JQuery documentation page详细说明了一个名为mustMatch的选项。但正如this post中所解释的那样,它不可用。然而,救援来了this post。其中有几个关于如何解决问题的建议。以下是该页面的一个解决方案,由@Anonymous和@Elliot撰写:

添加:

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

和此:

autoFocus: true