前一陣在專案裡需要動態生成下拉框,找了一下用jquery實現比較方便,這裡整理一下。
下文所述方法只是本人在專案中遇到問題的解決方法,場景較為簡單,也希望能幫助有需要的朋友
1、動態生成下拉框的兩種方式
(1)將資料放在model中,jsp頁面用el表示式${}取出,該方式缺點是資料更改時必須重新整理整個頁面,本文不過多描述。
(2)就是本文要說的jquery動態生成了,該方式適合資料頻繁變動的場景。
2、組成
<以上是一般的格式,可以看到其中每個選項()需要的屬性有value(選擇該選項的值)和test(改選項的文字),select
>
<
option
value
=」aaa」
>bbb
option
>
select
>
所以我一般向前臺傳送個hashmap的物件,從物件中取出key和value剛好可以用於的value和test
3、jquery生成下拉框
通過ajax請求得到下拉框所需資料並生成下拉框,直接上**
$.ajax(其中for(var i in data)可以很方便的遍歷物件的屬性的所有屬性}});
4、選擇
好了既然已經生成下拉框了,那怎麼獲取下拉框中所選擇的資料呢?
可以用jquery選擇到中的並獲取其value就可以了
$(「option:selected」).val();
jQuery獲取動態生成的元素
需求描述 頁面上可以動態新增資料,比如table,點選按鈕可以動態新增行。又或頁面 載入時table資料是通過ajax從後台獲取的。而這時我們想要獲取其中的某個值,又該如何獲取呢?如果是要通過某個事件來獲取的比如click,mouseover等等,則可以使用live 方法?1 23 button l...
jQuery 如何給動態生成的元素繫結事件?
jquery的html 可以給現在元素附加新的元素,innerhtml也可以,那麼,如何給這些新生成的元素繫結事件呢?直接在元素還未生成前就繫結肯定是無效的,因為所繫結的元素目前根本不存在。然而,jquery為我們提供了乙個函式來解決這個問題,它就是.live 備註 jquery的後期版本變為.on...
jquery 動態生成的元素的事件無法繫結
今天遇到乙個問題,由jquery動態去生成一段html元素後,這些新生成的元素繫結的事件不起作用.問題分析 1.click或者是.bind click function click是bind click 的簡化形式,是jquery掃瞄文件找出所有的 input name a 元素,並把函式繫結到每個...