·您现在的位置： 云翼网络 >> 文章中心 >> 网站建设 >> 网站建设开发 >> ASP.NET网站开发 >> .net+easyui系列--搜索框

【如有意向点此提交需求】关于我们

.net+easyui系列--搜索框

作者：佚名      ASP.NET网站开发编辑：admin      更新时间：2022-07-23
 <input id="ss" style="width: 320px"> </input>
        <div id="mm" style="width: 120px">
            <div data-options="name:'all',iconCls:'icon-ok'">
                选择1</div>
            <div data-options="name:'sports',iconCls:'icon-add'">
                选择2</div>
        </div>
其中 iconCls 是按钮的样式

JS的点击事件控制：
   //搜索框点击事件
$('#ss').searchbox({
                searcher: function (value, name) {
                    alert(value + "," + name)
                },
                menu: '#mm',
                //默认显示的内容
                PRompt: 'Please Input Value'
            });

 //选择当前的搜索类型名称。           
 $('#ss').searchbox('selectName', 'sports');

 效果图：