jquery监听input内容显示提示的示例代码

发布时间:2019-11-26编辑:脚本学堂
如何用jquery监听input文本框中的内容,然后给予相应的提示呢?这里分享一个这样的例子,供大家学习参考。

本节内容:
jquery监听input内容并显示提示。

例子:
 

复制代码 代码示例:

//事情委托
$(document)
   .on('input propertychange', '#query', function(){
   var input = $(this).val();
   show(input);
 });

 var show = function(txt){
   var info = '监听:<b>' + txt + '</b><br /><br />' + '相关搜索:<br />' + showTags(txt);
   $('.info').html(info);
 } // www.jb200.com

 var showTags = function(txt){
   var tag = '';
   if(txt.length){
     for (var i = 0; i < 3; i++) {
       tag += '<span class="tag">' + txt + '相关' + i + '</span>';
   };
  }
  return tag;
 }