DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> Jquery帶搜索框的下拉菜單
Jquery帶搜索框的下拉菜單
編輯:JQuery特效代碼     

1.樣式引用:

. 代碼如下:

<link rel="stylesheet" href="~/Js/Ddl_Chosen/chosen.css" />

2.由於應用了Jquery,所以引用Jquery。(下載地址)

. 代碼如下:

<script src="<%= ResolveUrl("~/Js/Jquery.js")%>" type="text/javascript"></script>

3.相關Js配置

. 代碼如下:
<asp:DropDownList ID="ddlCountry" runat="server" data-placeholder="Choose a Country..."
Width="200px" class="chzn-select">
</asp:DropDownList>

<script src="<%= ResolveUrl("~/Js/Ddl_Chosen/chosen.jquery.js")%>" type="text/javascript"></script>

<script type="text/javascript">
$(".chzn-select").chosen();
</script>

4.相關Js下載地址

下載

5.效果圖:

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved