2012/11/8 21:08:16作者:佚名来源:网络
【实例名称】
JS验证列表框中的值是否重复
【实例描述】
为了方便用户填写资料,可以下拉框的形式让用户选择值代替直接填写。但有时候下拉框并不能提供全部数据,此时需要用户自己填写。本例用来判断用户填写的数据是否已经存在于下拉框中。
【实例代码】
<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</title> <script language="javascript"> function chk() { var txtValue = document.getElementById("txtValue"); //获取文本框的值 var sel = document.getElementById("sel"); //找到下拉框 for (var i=0; i<sel.length; i++) //遍历下拉框中的所有数据 { if (txtValue.value==sel.options[i].text){ //如果输入的值等于下拉框中的值 alert("该值已经存在"); } } } </script> </head> <body> <div id="mydiv"> <select id="sel" name="sel"> <option>China</option> <option>England</option> <option>German</option> </select> <input type="text" name="txtValue" id="txtValue"><br/> <input type="button" value="检测是否存在" onclick="chk();"> </div> </body> </html>
【运行效果】
【难点剖析】
本例首先获取文本框的值,然后对下拉框中的值进行遍历,这使用的是“for”循环语句。“sel.options[i].text用来获取下拉框中的当前值,用此值比较用户输入的值,如果相等,则表示用户输入的数据重复。
【源码下载】
为了JS代码的准确性,请点击:JS验证列表框中的值是否重复 进行本实例源码下载
标签: 验证 重复
相关文章
够快云库v6.3.24.12120免费版
详情光影魔术手官方版 v4.7.1
详情ADsafe净网大师v5.4.408.7000
详情网易邮箱大师v5.3.2.1015电脑版
详情foxmailv7.2.25.375
详情暴风影音5v5.92.0824.1111
详情暴风影音v5.92.0824.1111
详情BitComet(比特彗星)v2.13.4.13Beta2
详情路由优化大师v4.5.31.267
详情茄子快传电脑版 v5.1.0.7
详情搜狐影音 v7.2.1.0官方版
详情搜狐影音客户端 v7.2.1.0
详情迅雷影音官方版 v7.0.3.92
详情cbox央视影音v6.0.3.4经典版
详情potplayer播放器v1.7.22496
详情Daum PotPlayer(已集成直播源)v1.7.22496绿色纯净美化便携增强版
详情天国拯救2黄金版 Build.17149332-1.1.1.11377中文版
详情燕云十六声电脑版 v1.9.31
详情潜行者2:切尔诺贝利之心 Build.16805297豪华中文版
详情模拟农场25豪华中文版
详情迷你世界电脑版 v1.41.00
详情骑马与砍杀2 v1.2.9.34019免费版
详情侠盗猎车手圣安地列斯 v1.0最新中文版
详情整蛊白云 v1.0
详情地平线4 v1.476中文版
详情圣女战旗中文v1.1.9绿色免安装版
详情狂怒2中文
详情红色警戒2共和国之辉电脑版 v1.0
详情模拟人生4 v1.0中文免费版
详情蛊婆v1.0免费版
详情风起云涌2越南中文版 v1.6Steam正版
详情使命召唤17官方中文版 v1.0
详情运满满货主版v7.92.1.0安卓版
详情运满满司机版app手机版v8.92.1.0安卓版
详情网易蜗牛读书水墨版V1.9.78
详情泼辣修图免费版v6.11.3安卓版
详情泼辣修图安卓版v6.11.3
详情汽车大师v7.15.5技师版
详情步多多v2.8.1安卓版
详情新浪新闻v8.43.7官方版
详情拓词v14.21安卓版
详情思尔健康v3.1.42安卓版
详情云上钢琴v4.0.3安卓版
详情乐听头条v3.3.3安卓版
详情t3出行v4.2.9安卓版
详情66手游平台v5.11.7.0安卓版
详情360清理大师2019最新版v8.5.8
详情福昕PDF阅读器v9.7.31101安卓版
详情