可以使用此自動完成插件 http://www.devbridge.com/projects/autocomplete/jquery/來渲染textarea中的數據嗎?我可以在文本區使用JQuery自動完成插件嗎?
1
A
回答
0
我相信你也可以將它用於textarea。
您只需要在textarea的jQuery元素上調用autocomplete方法即可。舉例來說,如果您的textarea元素的ID是foo,那麼你可以調用自動完成的選項是這樣的:
var options = {
serviceUrl:'service/autocomplete.ashx',
minChars:2,
delimiter: /(,|;)\s*/, // regex or character
maxHeight:400,
width:300,
zIndex: 9999,
deferRequestBy: 0, //miliseconds
params: { country:'Yes' }, //aditional parameters
noCache: false, //default is false, set to true to disable caching
// callback function:
onSelect: function(value, data){ alert('You selected: ' + value + ', ' + data); },
// local autosugest options:
lookup: ['January', 'February', 'March', 'April', 'May'] //local lookup values
}
$('#foo').autocomplete(options);
您需要添加一個回調函數onSelect
方法,在那裏你會呈現在您的textarea從服務器接收到的數據。
0
你可以做到這一點,這有效。需要一些樣式來看起來可用。
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.autocomplete.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var options, a;
jQuery(function(){
options = { serviceUrl:'service/autocomplete.ashx' };
var a = $('#query').autocomplete({
minChars:1,
deferRequestBy: 0, //miliseconds
params: { country:'Yes' }, //aditional parameters
noCache: false, //default is false, set to true to disable caching
// callback function:
onSelect: function(value, data){ alert('You selected: ' + value + ', ' + data); },
// local autosugest options:
lookup: ['January', 'February', 'March', 'April', 'May'] //local lookup values
});
});
});
</script>
</head>
<body>
<textarea name="q" id="query" ></textarea>
</body>
</html>
相關問題
- 1. 我們可以使用jQueryUI自動完成和jQuery標籤輸入插件嗎?
- 2. 使用jquery +自動完成插件的動態文本框的自動完成
- 3. jquery自動完成的文本區域
- 4. jQuery插件 - 自動完成
- 5. 自動完成文本框使用jquery
- 6. jQuery自動完成插件jQuery UI自動完成
- 7. 在ASP.Net中使用jQuery自動完成插件 - 提交自動完成
- 8. 我可以在emacs中使用完成緩衝區而不是自動完成的菜單嗎?
- 9. jQuery-UI自動完成插件和黑莓自動完成器
- 10. 我可以在塊中創建Drupal自動完成文本字段嗎?
- 11. 使用ajax自動完成。 jQuery插件或jQuery UI小部件?
- 12. 如何在tagsInput插件中調用jquery自動完成插件
- 13. 在Rails應用中使用jQuery UI自動完成插件
- 14. 我們可以在asp.net中的單個文本框中使用多個自動完成擴展器控件嗎?
- 15. 自動完成彈出文本區域
- 16. Jquery ajax自動完成插件
- 17. JSONP Freebase的自動完成jquery插件
- 18. 自動完成的jQuery插件
- 19. 搜索jquery自動完成插件
- 20. 查找jQuery自動完成插件
- 21. 從JQuery的自動完成插件
- 22. WCF和jQuery自動完成插件
- 23. jQuery自動完成插件問題
- 24. jQuery的自動完成插件,JSON
- 25. jQuery的自動完成插件搜索
- 26. jQuery自動完成插件不工作
- 27. jQuery插件自動完成故鄉
- 28. jquery自動完成插件不工作
- 29. Jquery自動完成插件版本1.2.2不起作用
- 30. 使用jquery自動完成