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ù)庫中準備一些數(shù)據(jù)：
存儲過程：
開發(fā)ASP.NET MVC，實現(xiàn)程序，少不了model:
現(xiàn)創(chuàng)建一個實體Entity，即是與數(shù)據(jù)庫通訊：
接下來，你可以創(chuàng)建獲取數(shù)據(jù)集的方法，讓前端jQuery執(zhí)行的方法：
ok,一切準備就緒。
創(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下拉列表，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(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)設置已知select的option的value值的代碼
- javascript 動態(tài)創(chuàng)建 Option選項
- js或jquery動態(tài)輸出select option的實現(xiàn)代碼
相關(guān)文章
基于JQuery實現(xiàn)的Select級聯(lián)
Select級聯(lián)，想必大并不陌生吧，本文為大家介紹下使用jquery是如何快速實現(xiàn)的，希望對大家有所幫助2014-01-01
在JavaScript的jQuery庫中操作AJAX的方法講解
這篇文章主要介紹了在JavaScript的jQuery庫中操作AJAX的方法講解,包括利用jQuery簡化Ajax開發(fā)部分的內(nèi)容,需要的朋友可以參考下2015-08-08
JQuery實現(xiàn)動態(tài)表格點擊按鈕表格增加一行
動態(tài)表格,功能為點擊添加按鈕，表格增加一行并給其name屬性賦予的值，點擊刪除，自動刪除這一行，具體實現(xiàn)如下2014-08-08
向上滾動的效果想必大家都見過吧!無縫間歇向上滾動應該也不會陌生吧，接下來為大家介紹下jquery實現(xiàn)無縫間歇滾動，感興趣的朋友可以參考下哈，希望可以幫助到你們2013-03-03
這篇文章主要介紹了jQuery取得iframe中元素的常用方法,結(jié)合實例形式詳細分析了jQuery針對iframe中元素獲取技巧及注意事項,需要的朋友可以參考下2016-01-01
jQuery EasyUI datagrid實現(xiàn)本地分頁的方法
這篇文章主要介紹了jQuery EasyUI datagrid實現(xiàn)本地分頁的方法,以實例形式較為詳細的分析了本地分頁的原理與相關(guān)的實現(xiàn)技巧,需要的朋友可以參考下2015-02-02
jQuery 處理網(wǎng)頁內(nèi)容的實現(xiàn)代碼
改變頁面內(nèi)容應該算是Javascript最常用的功能，這包括更改已經(jīng)存在的頁面元素或者添加新的HTML元素。2010-02-02
這篇文章主要為大家詳細介紹了layui表格效果的實現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
Jquery其實本身可以操作select表單，但是由于比較反鎖，沒有.net 控件那樣去操作方便，我在網(wǎng)上Google了一會，發(fā)現(xiàn)了一個不錯的專門操作select的插件，很好，使用過了，感覺蠻不錯的。2009-11-11
這篇文章主要介紹了jquery實現(xiàn)的淡入淡出下拉菜單效果,涉及jquery操作頁面屬性的動態(tài)添加與刪除相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08