オートコンプリート フィールドから選択した値を挿入するテキストエリアがあります。やりたいことは、テキストエリアから更新された値を取得することです。
テキストエリアにa、b、cの3文字を入力すると、文字cを削除します。私が抱えている問題は、->オートコンプリートフィールドから文字を選択すると、選択した文字がテキストエリアに表示されないことです。
文字はメモリ、つまりhtmlコードに追加されます。しかし、テキストエリアには表示されません。以下はhtmlです
<div id="secondary" style="min-width:100px; min-height: 10px; float:left">write any character from a to f
<br/>
<label for="somechar"></label>
<input id="somechar" size="22">
<br>
<textarea id="some-log" class="log" class="ui-widget-content"></textarea>
</div>
ここにJqueryとjavascriptコードがあります
var secondary = [
"a",
"b",
"c",
"d",
"e",
"f"];
以下の関数は、メッセージをテキストエリアに記録します。ここで、更新された値が必要です。var thought= $("textarea#some-log").val(); ここのようなものをどのように使用できるかわかりません
function some_log(thought) {
$("#some-log").append(thought+ ", ").prependTo("#some-log");
}
$("#somechar") /* this function is required when selecting multiple values */
.bind("keydown", function (event) {
if (event.keyCode === $.ui.keyCode.TAB && $(this).data("ui-autocomplete").menu.active) {
event.preventDefault();
}
})
これは Jquery オートコンプリートです
.autocomplete({
minLength: 0,
source: function (request, response) {
// delegate back to autocomplete, but extract the last term
response($.ui.autocomplete.filter(
secondary, extractLast(request.term)));
},
focus: function () {
// prevent value inserted on focus
return false;
},
select: function (event, ui) {
some_log(ui.item ?
ui.item.value :
"Nothing selected, input was " + this.value);
var terms = split(this.value);
// remove the current input
terms.pop();
// add the selected item
terms.push(ui.item.value);
// add placeholder to get the comma-and-space at the end
terms.push("");
this.value = terms.join(", ");
return false;
}
});