<select class="form-control" id='mi_name'><option>全部</option><option>os2</option><option>os2-anthonos</option><option>os2-apps</option><option>os2-centralpoint</option><option>kf5-experimental</option></select>就這段里面，如何把os2,os2-anthonos等等，這些值選出來(lái)，選成一個(gè)數(shù)組
2 回答
慕虎7371278
TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超4個(gè)贊
需要準(zhǔn)備的材料分別有：電腦、html編輯器、瀏覽器。
1、首先，打開(kāi)html編輯器，新建html文件，例如：index.html，并引入jquery。
2、在index.html中的<script>標(biāo)簽，輸入jquery代碼：。
var a = [];
$('option[selected="1"]').each(function () {
a.push($(this).text())
});
$('body').append(a.join(','));
3、瀏覽器運(yùn)行index.html頁(yè)面，此時(shí)被選出來(lái)的值被放入一個(gè)數(shù)組并打印了出來(lái)。
慕沐林林
TA貢獻(xiàn)2016條經(jīng)驗(yàn) 獲得超9個(gè)贊
基本思路：遍歷select下的option，使用val()獲取每個(gè)option的值，然后加入到一個(gè)數(shù)組中。根據(jù)這個(gè)思路，可以使用for循環(huán)或者jQuery的each()遍歷函數(shù)實(shí)現(xiàn)。這里提供一個(gè)更簡(jiǎn)潔的代碼：
$("option").map(function(){return $(this).val();}).get().join(", ")
代碼說(shuō)明：
使用map()函數(shù)把每個(gè)option的值傳遞到當(dāng)前匹配集合，生成包含返回值的對(duì)象；
使用 get() 處理返回的對(duì)象以得到基礎(chǔ)的數(shù)組；
使用join()函數(shù)組裝字符串。
實(shí)例演示如下:
1、HTML結(jié)構(gòu)
<select id="test">
<option value="option-1">option-1</option>
<option value="option-2">option-2</option>
<option value="option-3">option-3</option>
</select><br>
<input type="button" value="獲取所有option值">
2、jquery代碼
$(function(){
$(":button").click(function() {
var str = $("#test option").map(function(){return $(this).val();}).get().join(", ")
alert(str);
});
});
3、效果演示
添加回答
舉報(bào)
0/150
提交
取消