DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery入門技巧 >> jQuery動態產生select option下拉列表
jQuery動態產生select option下拉列表
編輯:JQuery入門技巧     

但其中沒有實現動態產生select option下拉列表。

在jQuery環境之下使用創建jQuery對象來實現動態產生,那是很方便的事情。

 在數據庫中准備一些數據:

存儲過程:

開發ASP.NET MVC,實現程序,少不了model:

現創建一個實體Entity,即是與數據庫通訊:

接下來,你可以創建獲取數據集的方法,讓前端jQuery執行的方法:

ok,一切准備就緒。

創建一個select對象:

$selectCity = $('<select />').attr({ name: 'city', class: 'selectcity' });

你可以創建一個空的option:

$("<option></option>", { value: "", text: "" }).appendTo($selectCity);

從數據庫讀出來的數據,現可以動態產生option:

如果你需要在顯示時,綁定一個選擇值,那怎樣實現呢?很簡單的,在$.each時,判斷一下:

上面的“3”是一個變量,即是你需要綁定的值。下面是效果演示:

以上所述是小編給大家介紹的jQuery動態產生select option下拉列表,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

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