JS初学者实例教程(9):下拉菜单和链接属性
作者 佚名技术
来源 网页制作
浏览
发布时间 2012-03-07
| script"> function display() { if(document.selectForm.team.selectedIndex==0) //判断是否进行了选择 { alert("您没有做选择!"); } else { var index = document.selectForm.team.selectedIndex; //读出当前选项的下标 alert("您选择的球队是:"+document.selectForm.team.options[index].value); } } </script> </head> <body> <div align="center"> <form action="" method="post" name="selectForm" id="selectForm"> <table width="70%" border="0"> <tr> <td>请选择喜欢的球队:</td> </tr> <tr> <td><select name="team"> <option value="0">--未选择--</option> <option value="巴塞罗那">巴塞罗那</option> <option value="AC米兰">AC米兰</option> <option value="尤文图斯">尤文图斯</option> <option value="曼彻斯特联">曼彻斯特联</option> <option value="切尔西">切尔西</option> </select></td> </tr> <tr> <td><input name="look" type="button" id="look" value="单击查看" onClick="display()"></td> </tr> </table> <a href="http://www.baidu.com" name="baidu" target="_blank">有问题百度一下</a> <br><br> <a href="http://www.google.com" name="google" target="_blank">Google也可以</a><br><br> <script language="javascript"> document.write("第一个连接的信息:<br>"); document.write("<b>href:</b>"+document.links[0].href+"<br>"); document.write("<b>pathname:</b>"+document.links[0].pathname+"<br>"); document.write("<b>port:</b>"+document.links[0].port+"<br>"); document.wr |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
关于JS初学者实例教程(9):下拉菜单和链接属性的所有评论
