jquery向select 新增選項

時間 2021-12-20 15:50:08

1樓:小丁創業

方法和詳細的操作步驟如下:

1、第一步,建立乙個新的html檔案,並將其命名為「index.html」,見下圖,轉到下面的步驟。

2、第二步,執行完上面的操作之後,在index.html檔案中編寫選擇框的html**,以實現選項的效果,見下圖,轉到下面的步驟。

3、第三步,執行完上面的操作之後,在頁面上載入zdjquery-1.3.2.min.js檔案,並編寫jquery**以獲取所有選項的選項值。

通過each()方法迭代所有選項值,並將其儲存在select_con陣列中,見下圖,轉到下面的步驟。

4、第四步,執行完上面的操作之後,使用answer

console.log()列印陣列並執行**以檢視陣列的內容,見下圖,轉到下面的步驟。

5、第五步,執行完上面的操作之後,可以看到該陣列已成功獲取select中所有option的值,見下圖,轉到下面的步驟。

6、第六步,執行完上面的操作之後,通過map()方法獲取選項值,並將結果返回到結果變數,見下圖,轉到下面的步驟。

7、第七步,執行完上面的操作之後,通過get()方法將獲取的物件轉換為陣列,並將其儲存在select_con陣列中,見下圖。這樣,就解決了這個問題了。

2樓:後廠村

var options = '';

for(i=0; i<50; i++)

$('#ryear').html(options);

3樓:

用jquery來操作select是很方便的:

3.根據指定的值來選中select下拉框中指定的option選項:

4.獲取select下拉框選中項的option的值:

var s3=$("#s3 option:selected").val();

5.獲取select下拉框選中項的option的text文字:

var s2=$("#s2 option:selected").text()

更多的可以看這裡:網頁鏈結

4樓:

新增屬性option唄.

641556666,這上面寫太麻煩.直接用q告訴你,如何?

jquery怎麼給select加上預設選項

5樓:匿名使用者

對於 select 下 option 有 value 值的情況下,直接為 select 賦值即可,例如將下面第2項設為預設:

第1項第2項

第3項第4項

$('#demo1').val('2');

如 option 沒有 value 值,則使用選擇器為匹配的 option 加上 selected 屬性,例如將下面第2項設為預設:

第1項第2項

第3項第4項

$('#demo2').find('option:eq(1)').attr('selected', true);

6樓:葉落紅塵

有乙個selected屬性

jquery怎麼給select加上預設選項

7樓:

在select載入完成以後,執行 $(select選擇器).val(預設選中項的值);

8樓:匿名使用者

通過val設定select的選中項。

1、定義select

請選擇顏色紅綠

2、選中紅

$("select").val("1");//通過value值,設定對應的選中項

jquery multiselect下拉列表核取方塊動態怎麼動態新增option並賦值

9樓:公天佑

你可以在select控制項的子節點上面繫結乙個click的事件,var optstr =「」;

//比如子節點是乙個div

$("#select").find("div").click(function()).get().join(",");

});只是對你提的問題給乙個大概的思路,希望對你有幫助,不懂的地方可以追問。望採納...

10樓:莫路草根

雖然不太明白為什麼refresh方法不起作用,不過還有另外乙個方法:

// data 是ajax返回的json資料

// laebl相當於option的文字,value則是option的value,結構不能錯

site.push();

});//重點是這裡,不用refresh方法,用下面這個。

$("#site_id").multiselect('dataprovider',site);

});如果你在查詢資料庫的時候直接就這樣:

select id as value, city_name as label from 表名

那麼返回值在js那裡就不需要迴圈改變結構了,直接可以用:

$("#site_id").multiselect('dataprovider',data);

11樓:性情中人的文庫

用jquery將對方取到,然後用add方法,將所新增的元素和值,新增到核取方塊裡

$("select option").add("volvo");

12樓:匿名使用者

看原始碼,有個refresh方法,每次動態將select裡的option跟換,然後呼叫refresh就ok

jquery怎麼根據value來動態選中select下的option

13樓:

1、新建乙個html檔案,命名為index.html。

2、在index.html檔案中編寫select選擇框html**,實現選項的效果。

3、在頁面中載入jquery-1.3.2.

min.js檔案,編寫jquery**獲得所有選項的option值。通過each()方法遍歷所有的option值,並存入select_con陣列中。

4、使用console.log()列印陣列,執行**檢視陣列內容。

5、可以看到陣列已成功獲得select 中option所有的值。

6、通過map()方法獲得所的option值,把結果返回到result變數中。

7、通過get()方法把獲得的物件轉換為陣列,並存入select_con陣列中。

14樓:匿名使用者

$("#select").val("中國移動");

//選中select下value值為「中國移動」的option

15樓:捉魚的我

$("#select").val(value).change();// 如果#select有定義change()事件就會呼叫

16樓:匿名使用者

選擇option裡面value=8的那一項

$("#select ").val("8").attr("selected","selected");

17樓:罪惡的人

$(" select option[value='"+tem+"']").attr("selected",true);

18樓:冰諾的小堡

var tem="中國移動";

$(" select option[value='"+tem+"']").attr("select","selected"); //如果值一樣 就選中對應的option,

如何用jquery選中select的第二個option

19樓:匿名使用者

//方法一,支援低版本的jquery.jsvar a = document.getelementbyid("select");//select是select 的id

a.options[1].selected = true;

//方法二,jquery1.6中新加了乙個方法prop(),因此使用prop()時請使用jquery1.6及以上版本

$("#select option:nth-child(2)").prop("selected", 'selected');

20樓:匿名使用者

方法1:

$('selector option:eq(1)').attr('selected','selected');

方法2:

$('selector').find('option:eq(1)').attr('selected','selected');

說明:eq( i ) 方法就是獲取指定索引的物件,i 從0 開始,分別表示第乙個,第二個,第三個。。。

21樓:過客之歸客

如圖,有三種辦法選中,如果你的option有value,可以直接用第一種,,val(要選中的option的value屬性值),後面兩種其實差不多一樣,第三中會在標籤中新增屬性,第二種不會

22樓:匿名使用者

$('select option:eq(1)').prop('selected',true);

23樓:匿名使用者

方法很多。我寫個吧。我是小白。

關於你說的選中select的第二個option

這個不關乎select。而是jq的選擇器吧。

選中第二個如果select是這樣的話

24樓:元書文

123用jq 的話

$("select option:eq(1)").attr();

25樓:匿名使用者

比如volvo

saab

opel

audi

設定value為volvo的項選中

$(".selector").val("volvo");

26樓:匿名使用者

$('#selectid').find('option').eq(1);

27樓:呵呵一笑鎮乾坤

$("select option:eq(1)").attr("selected",true)

28樓:sunshine汪小熊

// html**12

3// jquery**

$("#selectid").val("2");

29樓:匿名使用者

$("#sel option[value='2']").attr("selected",true);或者2

30樓:匿名使用者

此類事物有幾種:

啊我是大**ssfdsfsdf

sdfs

dsfsdfdf

dfdsfdsf

dsfsdfsdfsdfsdfsdfdsf請先給出明確答覆:

解釋原因:

有無解決辦法:

31樓:匿名使用者

設定select索引值為1的項選中

$("#select_id ").get(0).selectedindex=1; //設定select索引值為1的項選中

32樓:匿名使用者

設定text為pxx的項選中

$(".selector").find("option:contains('pxx')").attr("selected",true);

注意:之前$(".selector").

find("option[text='pxx']").attr("selected",true);這種寫法是錯誤的,目前個人證實input支援這種獲取屬性值的寫法:"input[text='pxx']",select中需要"option:

contains('pxx')"這樣獲取。

33樓:匿名使用者

$('select>option:nth-child(2)');

// 這裡的selector表示具體的選擇器// 這裡的n表示具體的序號或者符合要求的表示式jquery( "selector:nth-child(n)" )selector 乙個有效的選擇器。

n 指定的序號,從1開始計數。

php post方法使用問題,jQuery向php提交資料問題( get和 post)

直接開啟頁面 b,對於 b 來說,post 是一個空的陣列,裡面沒有元素,所以你獲取 裡面的元素,比如 post name 時會報錯。解決辦法就是判斷下是否有這個值,如 name isset post name post name a 頁面提交資料到 b,對於 b 來說,post 是有元素,表單項的...

jquery中怎樣給每li新增mouseover事件

2 on函式,這個是官方推薦使用的函式,因為其他方法都是內部呼叫on來完成的,直接使用on可以提高效率。3 bind函式,bind是使用頻率較高的一種,作用就是在選擇到的元素上繫結特定事件型別的監聽函式。4 delegate函式,delegate selector,type,data fn 引數多了...

jquery怎樣向json中的object新增鍵值對元素

俺替春哥 使用push 方法就可以了 比如var data data.push 向日葵一樣暖 jquery對json 鍵值對或陣列的增加 刪除 遍歷操作的 如下 var jsonstr 增加jsonstr name1 yu jsonstr name2 jin jsonstr name3 sheng ...