.net+easyui系列--搜索框

 <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');

 效果圖：