防百度的模糊搜索

谢高升

已于 2023-04-29 21:18:04 修改

阅读量388

点赞数 1

分类专栏： javascript 文章标签： javascript ui 开发语言

于 2017-09-23 15:55:01 首次发布

本文链接：https://blog.csdn.net/xgs736214763/article/details/78071339

版权

javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

做一个防百度的模糊搜索查询下拉；

先写一个input输入框；下载Download Builder | jQuery UI 插件

<tr class="table-responsive">
    <td>
	店铺名称：
	<input type="text" name="phName" value="" id="phName" placeholder="模糊搜索，" class="rph" size='50' >
	<input type="hidden" name="rpId" id="rpId"  />
    </td>
</tr>




<script>
window.onload=function(){  
    $(".rph").autocomplete({  
           minLength: 0,  
           source: function( request, response ) {  
           //干你想干的事情
           
               $.ajax({  
                    url : "__CONTROLLER__/getshopcode",  
                    type : "post",  
                    dataType : "json",  
                    data : {"shopname":$(".rph").val()},  
                      
                   success: function( data ) {  
                         console.log(data);  
                         response( $.map( data, function( item ) {  
                               return {  
                                 label: item.shopname,  
                                 value: item.shopcode  
                               }  
                         }));  
                   }  
              });  
           },  
           focus: function( event, ui ) {  
               $(".rph").val( ui.item.label );  
               $("#rpId").val( ui.item.value );  
                 return false;  
               },  
           select: function( event, ui ) {  
		       console.log(ui);
		       $(".rph").val( ui.item.label );  
                          $("#rpId").val( ui.item.value ); 
		   }
            }
           }
       }）
      }

原文地址https://www.xiegaosheng.com/post/view?id=40