本文实例讲述了js显示下拉列表框内全部元素的方法。分享给大家供大家参考。具体如下：
0 a# W8 N7 F. j }7 ~下面的js代码可以通过alert框显示指定下拉列表的全部元素8 D( d" D* C0 g) t) }
<!doctype html>
! }" H& `1 j2 k( {2 c+ R<html>
; G& ?9 u l- z5 N<head>
/ e. d& H$ ?/ C' e' _* Y, Y- e<script>
+ B1 h" Q8 _5 U4 Vfunction getoptions()
8 o4 E# ^' l+ ]0 E' a{
& ?; B; L! }' H6 Lvar x=document.getelementbyid(myselect);
5 O1 P+ @0 \5 ~! d2 Ovar txt=all options: ;6 n# V: j2 e$ o2 M4 W) e' |: ?
var i;6 T. ?7 ]: f0 c$ i3 y
for (i=0;i<x.length;i++)7 _2 v: d x$ D' X) P; U
{1 K# o" ~ ^8 k+ ~
txt=txt + \n + x.options[i].text;: U! _. a- Y2 v5 Q' \' u" D5 @
}$ Q2 H6 g4 i$ K0 U1 Z, C- L
alert(txt);
0 h% w! ?. E3 V}9 }4 g/ z. x; l6 K) e
</script>- x# x1 C8 }6 C
</head>$ W Y, X/ D& v- @
<body>$ p: m/ i* j- q, I2 G
<form>8 l4 q3 R* x6 U) ]. L
select your favorite fruit:/ \, I! e3 l% M0 K) _/ D- z
<select id=myselect>7 z7 ]) F- c0 H9 {
<option>apple</option>
, _. i, \+ ` X/ t9 Q. {7 ?<option>orange</option>3 _& ~* E1 v7 G& E8 G8 k
<option>pineapple</option>
* j7 a5 k r, [) v1 b- ~<option>banana</option>
* s6 d! b8 k. w7 D; Q. W) ?! h</select>- _6 z0 @9 u/ E9 b
<br><br>
4 L' ]8 {; j% {) i0 c<input type=button onclick=getoptions()# i6 }8 O: y' _
value=output all options>
8 F* Q4 q1 P& ~</form>' n- ]8 u1 x5 C* Z' M6 p
</body>" B5 c; M) S1 p8 M9 p+ e0 O
</html>
# e9 i* e# C4 x, k; t# S: \
# u, v. ?: l, F* k& |6 k更多网页制作信息请查看： 网页制作 |
|
外卖新店开业第一周开推广，十家九家亏0打酱油
Ai优选商家寻找本地地推合作伙伴5256求项目与合作
拥抱AI搜索新时代！GEO优化成为企业流量增1616网络资讯
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡