jquery-EasyUI---searchbox搜索框的用法

1、最简单的搜索框，与以往不同的是，这个组件需要引入以js文件已获得我们输入的内容

<input id="ss" class="easyui-searchbox" style="width:300px" 
data-options="searcher:searchFun,prompt:'Please Input Value'">

searchFun是我们自定义的函数用来去获得输入内容的函数

function searchFun(value){ 
            alert(value) 
        } 

效果是：

稍微复杂的形式：我们可以给搜索框添加不同的menu分类

<input id="ss" class="easyui-searchbox" style="width:300px" 
data-options="searcher:searchFun,prompt:'Please Input Value',menu:'#mm'">
<div id="mm" style="width:120px"> 
　　<div data-options="name:'all',iconCls:'icon-ok'">All News</div> 
　　<div data-options="name:'sports'">Sports News</div> 
</div>

js函数定义：

1 function searchFun(value,menu){ 
2             alert(value+"---"+menu) 
3             // xxxxx---all 
4             // xxxxx---sports
5         } 

 

效果如图所示：

 

 

转载于:https://www.cnblogs.com/knightshibiao/p/3826579.html