Question

我有Jquery Autocomplete。它的工作正常。当我从键盘箭头键上下移动或将鼠标悬停在特定值上时，将选择值。但是当我按下按钮将我选择的值放在文本框中时它不起作用，相反，如果我按下键盘上的输入值，则在文本框中输入值。

让我给我code自动完成::

$(document).ready(function hello(){
var myVar2 = <%=request.getAttribute("variable1")%>
      $("input#assignedtoid").autocomplete({
  source: myVar2
 });
});

<input dojoType="dijit.form.ValidationTextBox" id="assignedtoid" name="assignedtoname"  required="true" onfocus="hello()" value=<%=session.getAttribute("Username")%> onblur="valassignedtoid()">

在上面的代码myVar2中，Json表单中的数据被分配了自动填充的来源。自动完成时值很好。 OnFocus input tag中的hello()事件我调用mouse button click函数。为什么site没有选择该值。然而，我从那里拿起代码的网站。在鼠标单击以及输入按下时，将选择该值。 http://jqueryui.com/demos/autocomplete/是::

Json

这里唯一的区别是Source是静态的我从myVar2到dijit.form.ValidationTextBox的形式从数据库中获取它。我正在使用IE浏览器。使用input作为<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script> <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js"></script> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

请帮忙。谢谢..

编辑部分::

我已导入以下js文件::

Google chrome

当我在error中运行时，我没有得到任何自动完成功能。我确实得到了<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js"></script> ::

http://jqueryui.com/demos/autocomplete/

找不到

。实际上它已经无效了。但是当我在IE上运行它时，我的自动完成效果很好。这可能是原因吗？也可以告诉我从上面导入哪个Jquery我应该删除，如果它们中的任何一个是额外的。有点困惑。

我从这里采取了代码::

{{1}}

再次感谢。

Answer 1

从您的标记中删除onfocus="hello()"，然后修复javascript：

dojo.require("dijit.form.ValidationTextBox");

dojo.ready(function () {
  var myVar2 = <%=request.getAttribute("variable1")%>;
  $("input#assignedtoid").autocomplete({
    source: myVar2
  });
});

BTW，你为什么不想将dijit.form.ComboBox用于纯粹的dojo解决方案？

<强>更新

如果你想使用谷歌cdn，你需要这些导入：

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.19/themes/base/jquery-ui.css" type="text/css" media="all" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.19/jquery-ui.min.js" type="text/javascript"></script>

未单击“鼠标自动完成”按钮中的值

1 个答案: