0

私は持っていJquery Autocompleteます。その正常に動作します。キーボードの矢印キーから上下に移動するか、特定の値にマウスを合わせると、値が選択されます。しかし、ボタンを押して選択した値をテキストボックスに入れると機能しません。代わりに、キーボードでEnterキーを押すと、値がテキストボックスに入力されます。

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値はオートコンプリートで問題ありません。i call関数OnFocusのイベント。で値が選択されないのはなぜですか。ただし、コードを取得したサイト。値は、マウスのクリックとEnterキーの両方で選択されます。は::input taghello()mouse button clicksite

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

ここでの唯一の違いは、ソースが静的であり、データベースからJsonスルーの形式で取得していることですmyVar2。私はIEを使用しています。dijit.form.ValidationTextBox私として使用input

助けてください。ありがとう ..

編集部分 ::

次のjsファイルをインポートしました::

<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>

そして、それを実行すると、Google chromeオートコンプリートが得られません。私はそれを取得しますerror::

<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js"></script>

見つかりません。そして実際、それはもはや有効ではありません。しかし、IEで実行すると、オートコンプリートがうまく機能します。これが理由でしょうか？また、上記のどのJqueryインポートが余分な場合は削除する必要があるか教えてください。ちょっと混乱。

ここからコードを取得しました::

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

再度、感謝します。

4

1 に答える 1

0

マークアップから削除onfocus="hello()"し、javascriptを修正します。

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

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

dijit.form.ComboBoxところで、純粋な道場ソリューションに使用したくないのはなぜですか？

アップデート

google 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>
于 2012-05-10T16:14:40.323 に答える