如题所述
åºæ¬æè·¯ï¼éåselectä¸çoptionï¼ä½¿ç¨val()è·åæ¯ä¸ªoptionçå¼ï¼ç¶åå å
¥å°ä¸ä¸ªæ°ç»ä¸ãæ ¹æ®è¿ä¸ªæè·¯ï¼å¯ä»¥ä½¿ç¨for循ç¯æè
jQueryçeach()éåå½æ°å®ç°ãè¿éæä¾ä¸ä¸ªæ´ç®æ´ç代ç ï¼
$("option").map(function(){return $(this).val();}).get().join(", ")
代ç 说æï¼
使ç¨map()å½æ°ææ¯ä¸ªoptionçå¼ä¼ éå°å½åå¹é éåï¼çæå å«è¿åå¼ç对象ï¼
ä½¿ç¨ get() å¤çè¿åç对象以å¾å°åºç¡çæ°ç»ï¼
使ç¨join()å½æ°ç»è£ å符串ã
å®ä¾æ¼ç¤ºå¦ä¸:
1ãHTMLç»æ
<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);
});
});
$("option").map(function(){return $(this).val();}).get().join(", ")
代ç 说æï¼
使ç¨map()å½æ°ææ¯ä¸ªoptionçå¼ä¼ éå°å½åå¹é éåï¼çæå å«è¿åå¼ç对象ï¼
ä½¿ç¨ get() å¤çè¿åç对象以å¾å°åºç¡çæ°ç»ï¼
使ç¨join()å½æ°ç»è£ å符串ã
å®ä¾æ¼ç¤ºå¦ä¸:
1ãHTMLç»æ
<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);
});
});
温馨提示:答案为网友推荐,仅供参考
第1个回答 2016-08-12
$("select option").size();