碼上歡樂
首頁
榜單
標簽
關於
搜索
相關內容
簡體
繁體
jQuery動態生成
下拉框 本文轉載自 查看原文 2016-06-04 22:37 24713 javascript 前一陣在項目里需要動態生成下拉框，找了一下用jQuery實現比較方便，這里整理一下。 下文所述方法只是本人在項目中遇到問題的解決方法，場景較為簡單，也希望能幫助有需要的朋友 1、動態生成下拉框的兩種方式 （1）將數據放在model中，JSP頁面用EL表達式${}取出，該方式缺點是數據更改時必須刷新整個頁面，本文不過多描述。 （2）就是本文要說的jQuery動態生成了，該方式適合數據頻繁變動的場景。 2、<select>組成 <select> <option value=”aaa”>bbb</option> </select> 以上是一般的<select>格式，可以看到其中每個選項(<option>)需要的屬性有value（選擇該選項的值）和test（改選項的文本）， 所以我一般向前台發送個HashMap的對象，從對象中取出key和value剛好可以用於<select>的value和test 3、jQuery生成下拉框 通過Ajax請求得到下拉框所需數據並生成下拉框，直接上代碼 $.ajax({ type:"GET", url:"請求地址", success:function(data){ for(var i in data){ $(“selector”).append(“<option value=i>“data[i]</option> } } }); 其中for(var i in data)可以很方便的遍歷對象的屬性的所有屬性 4、選擇<select> 好了既然已經生成下拉框了，那怎么獲取下拉框中所選擇的數據呢？ 可以用jQuery選擇到<select>中的<option>並獲取其value就可以了 $(“option:selected”).val(); 5、最后 本人小白一枚，進入軟件行業只有一年時間，促使我開博客的緣起是因為看到了牛人劉未鵬的一篇文章《為什么你從現在開始寫博客》，相關經驗該文中已介紹的很詳細了，朋友們覺得不夠過癮還可以買他寫的《暗時間》。 × 免責聲明！ 本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。 猜您在找 AngularJS之動態生成select下拉框 jquery動態生成的select下拉框，怎么設置默認的選中項？ select下拉框如何與接口配合動態生成option選項 jQuery對下拉框Select操作總結 layui動態添加select下拉框 jquery取消選擇select下拉框 jQuery對下拉框Select操作總結 bootstrap動態調用select下拉框 bootstrap select下拉框動態數據 jQuery動態設置下拉框selected 粵ICP備18138465號 © 2018-2025 CODEPRJ.COM
