jQuery動態(tài)產(chǎn)生select option下拉列表
但其中沒有實現(xiàn)動態(tài)產(chǎn)生select option下拉列表。
在jQuery環(huán)境之下使用創(chuàng)建jQuery對象來實現(xiàn)動態(tài)產(chǎn)生,那是很方便的事情。
在數(shù)據(jù)庫中準(zhǔn)備一些數(shù)據(jù):
存儲過程:
開發(fā)ASP.NET MVC,實現(xiàn)程序,少不了model:
現(xiàn)創(chuàng)建一個實體Entity,即是與數(shù)據(jù)庫通訊:
接下來,你可以創(chuàng)建獲取數(shù)據(jù)集的方法,讓前端jQuery執(zhí)行的方法:
ok,一切準(zhǔn)備就緒。
創(chuàng)建一個select對象:
$selectCity = $('<select />').attr({ name: 'city', class: 'selectcity' });
你可以創(chuàng)建一個空的option:
$("<option></option>", { value: "", text: "" }).appendTo($selectCity);
從數(shù)據(jù)庫讀出來的數(shù)據(jù),現(xiàn)可以動態(tài)產(chǎn)生option:
如果你需要在顯示時,綁定一個選擇值,那怎樣實現(xiàn)呢?很簡單的,在$.each時,判斷一下:
上面的“3”是一個變量,即是你需要綁定的值。下面是效果演示:
以上所述是小編給大家介紹的jQuery動態(tài)產(chǎn)生select option下拉列表,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- jquery動態(tài)添加以及遍歷option并獲取特定樣式名稱的option方法
- 利用js給datalist或select動態(tài)添加option選項的方法
- JQuery動態(tài)添加Select的Option元素實現(xiàn)方法
- JS 通過系統(tǒng)時間限定動態(tài)添加 select option的實例代碼
- JS & JQuery 動態(tài)添加 select option
- js動態(tài)改變select選擇變更option的index值示例
- 動態(tài)添加option及createElement使用示例
- jquery動態(tài)添加option示例
- JS動態(tài)添加與刪除select中的Option對象(示例代碼)
- 使用js對select動態(tài)添加和刪除OPTION示例代碼
- JS動態(tài)添加option和刪除option(附實例代碼)
- javascript 動態(tài)設(shè)置已知select的option的value值的代碼
- javascript 動態(tài)創(chuàng)建 Option選項
- js或jquery動態(tài)輸出select option的實現(xiàn)代碼
相關(guān)文章
jQuery的cookie插件實現(xiàn)保存用戶登陸信息
保存用戶登陸信息的方法有很多,本文為大家介紹的這個方法是通過cookie插件來實現(xiàn),需要的朋友可以參考下2014-04-04jQuery實現(xiàn)頁碼跳轉(zhuǎn)式動態(tài)數(shù)據(jù)分頁
本片文章教給大家用jQuery實現(xiàn)頁碼跳轉(zhuǎn)式動態(tài)數(shù)據(jù)分頁,效果非常好而且沒有頁面刷新,需要的朋友學(xué)習(xí)下吧。2017-12-12juqery 學(xué)習(xí)之三 選擇器 子元素與表單
juqery 學(xué)習(xí)之三 選擇器 子元素與表單,學(xué)習(xí)jquery的朋友可以參考下。2010-11-11jQuery教程 $()包裝函數(shù)來實現(xiàn)數(shù)組元素分頁效果
最近一周在做中文站搜索禮品widget的需求,這個需求中有一個分頁的功能2013-08-08jQuery動畫效果-slideUp slideDown上下滑動示例代碼
jQuery動畫上下滑動效果在網(wǎng)頁中的應(yīng)用還是比較廣泛的,其實很簡單通過slideUp slideDown方法便可輕松實現(xiàn),具體如下,喜歡的朋友可以參考下,希望對大家學(xué)習(xí)jquery有所幫助2013-08-08