easyUI基础-searchbox搜索框

搜索框提示用户需要输入搜索的值。它可以结合一个菜单，允许用户选择不同的搜索类别。在用户按下回车键或点击组件右边的搜索按钮的时候会执行搜索操作。

使用方式

1、使用标签创建。对input标签引用'easyui-searchbox'类。

<script type="text/javascript">  
        //当用户点击搜索时执行的函数
        function doSearch(value,name){   
            alert(value+":"+name)   
        }   
    </script>  
      
    <input id="ss" class="easyui-searchbox" style="width:300px"  
            data-options="searcher:doSearch,prompt:'Please Input Value',menu:'#mm'"></input>  
               
    <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> 

2、使用js脚本创建: