MVC3 および Razor エンジンで jQuery オートコンプリートを使用しており、actionResult からリストを取得できます。ただし、オートコンプリート リストのアイテムをクリックすると、最後に常にコンマが表示されます。
HTML
<div class="editor-field">
@Html.EditorFor(model => Model.group_name, new { ID = "group_name" })
@Html.ValidationMessageFor(model => Model.group_name)
</div>
JS
<script type="text/javascript">
$(document).ready(function () {
$("#group_name").autocomplete('@Url.Action("LookUpGroupName")', // Call LookUpGroupName ActionResult in UserManager Controller
{
dataType: 'json',
parse: function (data) {
var rows = new Array();
for (var i = 0; i < data.length; i++) {
rows[i] = {
data: data[i],
value: data[i].group,
result: data[i].group
}
}
return rows;
},
formatItem: function (row, i, max) {
return row.group
},
width: 300,
highlight: false,
multiple: true
// multipleseparator: ","
}); // End of autocomplete
});
</script>
文字 a を入力することによるリクエストのレスポンス本文
[{"group":"A Tout France"},{"group":"Abba Blinds"},{"group":"Aberdeen Journals"},{"group":"Account suspended South West Media Group"},{"group":"Acumen Marketing Communications"},{"group":"Acumen Partners"},{"group":"adz media ltd"},{"group":"Aka Ltd"},{"group":"AL Marketing Communications"},{"group":"Alchemy Direct Media"}]
オートコンプリートを使用して A Tout France を選択すると、テキスト ボックスの値は次のようになります。
トゥート・フランス、
末尾のコンマを取り除く方法はありますか?