我有一个文本区域,我在其中插入从自动完成字段中选择的值,我想要做的是从文本区域获取更新的值。
假设我在 textarea 中输入三个字符 a、b 和 c,我删除字符 c。我遇到的问题是->再次从自动完成字段中选择一个字符时,所选字符没有显示在文本区域中,
该字符确实被添加到内存中,即 html 代码。但不会出现在textarea中。下面是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;
}
});