TextArea建议先前输入的值

时间:2018-02-05 06:07:55

标签: html html5

我希望textarea建议先前输入的值,类似于我们对textbox的值。 有没有办法可以使用任何html属性或js完成。我不想将以前的值存储在任何阵列或本地存储中,所有内容都必须由浏览器维护。

2 个答案:

答案 0 :(得分:0)

重新加载是在更改事件上完成的,该事件在500ms后或失去焦点时触发。 在值之前设置焦点可确保提示保持在最后。

$(document).ready(function()
{
    var time;
    if($.cookie('fioFilter')!=null)
	{
		$("#fioFilter").focus().text($.cookie('fioFilter'));
	}
	$("#fioFilter").keyup(function(e){
        clearTimeout(time);
		$.cookie("fioFilter",$("#fioFilter").val());
        time=setTimeout(function(){$("#fioFilter").change();},500);
	});
	$("#fioFilter").change(function(e){
		window.location.reload();
	});
});
<!--Adding jquery cookie library-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>


<textarea id='fioFilter' class='filter'></textarea>

答案 1 :(得分:0)

您需要一个基于javascript的库。您无法在textarea上执行自动填充功能。自动填充属性适用于以下<input>类型:文本,搜索,网址,电话,电子邮件,密码,日期选择器,范围和颜色。

许多插件可以在textarea上执行此任务:

Textcomplete || At.js || Bootstrap-Tag-Autocomplete