javascript - 如何让 jQuery 自动完成在用户点击提交时执行 search()

Question

作为我上一篇文章的后续 - How would I trim the input to a JQuery auto-complete box? .我决定提出一个新问题而不是继续编辑那个问题。

我目前有 jQuery ui 自动完成 1.8(或左右)工作得相当好，除了一件事。如果用户只是输入一个(有效的)名称并点击提交，自动完成查找永远不会运行，因此关联的值永远不会被抓取并分配给输入框。这当然是个问题。阅读文档，这意味着我可以使用 jQuery search() 方法来解决这个问题。但是，我正在努力让它发挥作用。我已经尝试在文本输入的 onblur 事件和提交按钮的 onclick 事件中调用 search()，但都无济于事——每当我点击提交时，我都没有值(value)对于输入框。代码:

<form action = "<?php echo $this->URL();?>" method="post">
    <fieldset>
        <ol>
            <li>
                <label for="Resource">Resource</label>
                <input id="Resource" name="Resource" class="text" type="text"  value="" onblur="jQuery('#Resource').search();"/>
            </li>
        </ol>
    </fieldset>
    <fieldset class="submit">
        <input id="Submit" name="Submit" type="Submit" class="Submit" value ="Submit" onclick = "jQuery('#Resource').search();"/>
    </fieldset> 
</form>

那么，我究竟做错了什么？

Answer 1

您需要在change 事件中添加automatic-choose-any-matching-result 代码。

查看我对您其他问题的回答: jQuery autocomplete problem - doesn't match if user doesn't specifically select