本文实例讲述了js显示下拉列表框内全部元素的方法。分享给大家供大家参考。具体如下：5 F' r; z( |0 i- H. ?. e
下面的js代码可以通过alert框显示指定下拉列表的全部元素
( U. g$ ~- C+ f4 }( P5 `<!doctype html>
7 m2 r* \+ S; @" s/ B<html>* @* w2 L: f: w; U, X
<head>. p7 B8 |+ q F3 y' k3 C. V
<script>
5 S# o4 |4 O5 B+ ]function getoptions()
/ r1 q* l- h* }& X5 e8 I{
6 c8 h: G3 F) j7 e i K5 ]var x=document.getelementbyid(myselect);. ~! d0 ?+ m( U) @8 n7 W8 C5 {
var txt=all options: ;
: A b# v- c! n0 ^var i;
8 N1 v# i8 p; B1 X; ~9 K! ?. |for (i=0;i<x.length;i++)
6 M1 b8 P0 Y2 }- K) Y* S/ ?{
& O4 S- n0 X# t. G! _- }! S7 ^txt=txt + \n + x.options[i].text;
8 v% E) S9 [. g}
0 ~0 ~8 w! [: t5 [0 n, Walert(txt);
4 r9 U o, Y. D7 L}
" U7 ^; K$ u4 d' M; F$ v$ J5 w</script> O. ]' v' G5 A8 ~* w
</head>$ O w5 t2 y, I: ]6 b
<body>
* d: y5 }' a7 K4 n' O0 A<form>8 k6 [% H6 |9 h( y4 v
select your favorite fruit:% D. b8 }: D; J7 G
<select id=myselect>
( g7 |8 U1 }1 n" f* g( U# w<option>apple</option>1 B, |: B' S3 v+ \' {
<option>orange</option>) Z7 V( D% W. O& M4 P$ R7 k9 `$ }
<option>pineapple</option>! y3 ]6 j" a" E7 x( ^
<option>banana</option>' T. R9 q# n# E: R6 a1 \9 u& ]
</select>2 i" c6 f( ]- c3 l
<br><br>
! H% O" v; C8 w2 S" t( d<input type=button onclick=getoptions()
- G+ \! ~/ I6 z- t( bvalue=output all options>4 G! `9 }/ k& S
</form>5 K) h8 n8 f7 M& J
</body>
; G6 T3 [; S/ s& H- j( ~</html>5 e* G7 k2 s0 ?4 g
5 f0 v- r. }3 A更多网页制作信息请查看： 网页制作 |
|
Ai优选商家寻找本地地推合作伙伴0求项目与合作
拥抱AI搜索新时代！GEO优化成为企业流量增505网络资讯
GEO优化如何让企业流量翻倍？404网络资讯
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡