本文实例讲述了js显示下拉列表框内全部元素的方法。分享给大家供大家参考。具体如下：. K0 w' y# g7 P5 w
下面的js代码可以通过alert框显示指定下拉列表的全部元素
8 ]$ U8 j0 f( u, F, K( q<!doctype html>% P m# ]# Q3 Y6 I5 o5 Y: r* E# E
<html>
- D% ]2 d( j! b5 d<head>$ j7 C" [1 ]3 J
<script>
: e8 Z2 |. a, L; yfunction getoptions()
9 d, e/ G V" a$ C{
" t6 K. X9 g6 Z& [, n1 O' ^var x=document.getelementbyid(myselect);+ x a' d# Z1 k
var txt=all options: ; @/ h; g% N3 e' \) F. ?3 R
var i;( D+ G5 s1 f- Q" {% [* N
for (i=0;i<x.length;i++)5 z9 v- H9 Y+ J2 a: L3 O, H
{
, q" l ?% Q: L& r! v. ltxt=txt + \n + x.options[i].text;) A% X) k5 L2 F1 S( s( j" v
}6 R9 |% d" a9 F% ~2 a9 f7 E' ^# V9 a
alert(txt);9 O% k4 T% l" }; U! k' S- F
}
# D4 x; I8 d6 V4 M4 a</script>
0 h! M- [- N; \- h</head># b' V9 S/ [5 R# k
<body>, ~+ ^4 e$ P8 [% L+ L- }
<form>& h' [! X1 Z) J; C' c6 v$ J) S" \
select your favorite fruit:+ I! s; g6 v; K% r% x( R
<select id=myselect>
; X' I, a: y" |. O+ t<option>apple</option>
/ h% ^* {, f" K5 ^+ J" H& l<option>orange</option>
1 W2 O5 W/ i0 O<option>pineapple</option>, }9 j* H2 V$ \* R7 U
<option>banana</option>
9 J% a4 }$ t! }7 ]6 }$ l- e, ^9 F</select>9 L, H$ O' I. f2 R2 q4 G, G
<br><br>
3 d" D5 S5 U- s8 z, d3 Q<input type=button onclick=getoptions()
O/ J& o8 Z% j2 o2 B% avalue=output all options>5 ]% k* |7 m8 r/ }" v* ]( Y
</form>0 W" g0 K+ `2 [( s q
</body>
# ~3 z/ k3 C5 W2 P& z</html>+ O+ [0 S7 o" J9 h, L/ o1 \3 X
3 S- F0 X" w. e$ f; ^6 D更多网页制作信息请查看： 网页制作 |
|
Ai优选商家寻找本地地推合作伙伴202求项目与合作
拥抱AI搜索新时代！GEO优化成为企业流量增808网络资讯
GEO优化如何让企业流量翻倍？707网络资讯
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡