1

データが JSP サーブレットからフェッチされ、UI にレンダリングされるアプリケーションで tokeninput プラグインを使用しています。このシナリオでは、次のようなサービス エリアのリストを取得します。

[{"id":1,"name":"Service Area1"},{"id":2,"name":"Service Area2"},{"id":3,"name":"Service Area3"},{"id":4,"name":"Service Area4"},{"id":5,"name":"Service Area5"},{"id":6,"name":"Service Area6"}]

この JSON オブジェクトは、input hidden タグを使用して JSP で提供されます

<input type="hidden" value="<c:out value="${serviceAreaList}"></c:out>" id = "serviceAreaList" />

ここで、serviceAreaList は Java サーバー側コードから返されるオブジェクトです。

今、私はフォームの入力テキストボックスを持っています

<input type="text" name="serviceArea" class="input-field142" maxlength="15" id="choose_lis3" name="serviceArea"/>

tokeninput は次のように適用されます。

var serviceAreaList = $("#serviceAreaList").val();
$( 'input[id=choose_lis3]' ).tokenInput(serviceAreaList, {tokenLimit: 3});

しかし、UI では検索テキスト ボックス フィールドに入力できません。私は何か間違ったことをしていますか？tokeninput コードをデバッグしましたが、クエリ文字列が空の "" として表示されます。テキストに何も入力できません。

4

0 に答える 0