jQuery動態生成select下拉框

2021-08-15 20:09:49 字數 797 閱讀 2756

前一陣在專案裡需要動態生成下拉框,找了一下用jquery實現比較方便,這裡整理一下。

下文所述方法只是本人在專案中遇到問題的解決方法,場景較為簡單,也希望能幫助有需要的朋友

1、動態生成下拉框的兩種方式

(1)將資料放在model中,jsp頁面用el表示式${}取出,該方式缺點是資料更改時必須重新整理整個頁面,本文不過多描述。

(2)就是本文要說的jquery動態生成了,該方式適合資料頻繁變動的場景。

2、組成

<

select

>

<

option

value

=」aaa」

>bbb

option

>

select

>

以上是一般的格式,可以看到其中每個選項()需要的屬性有value(選擇該選項的值)和test(改選項的文字),

所以我一般向前臺傳送個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 元素,並把函式繫結到每個...