JavaScript实现的挑选点菜功能示例

本文实例讲述了Java脚本语言实现的挑选点菜功能。分享给大家供大家参考，具体如下：

html xmlns=' http://www。w3。org/1999/XHTML ' head meta charset=' utf-8 '标题点菜/title style type='text/css '选择{ width :120 px }/style/header dysel id=' select 1 '选项值='1 '鸡蛋汤/option选项值='2 '海带汤/option选项值='3 '万峦猪脚/option选项值='4 '炸猪排/option选项值='5 '上海醉蟹/option选项值='6 '红烧狮子头/option选项值='7 '排骨炖白菜/option/selection put type=' button ' id=' BtNadd ' value='添加/input type=' button ' id=' btnClear ' value='取消/select id=' select 2 '/select put type=' button ' id=' btnOk ' value='确定/script type=' text/JavaScript '//初始化挑选的大小属性var selectElement=文档。getelementbyid(' select 1 ')；var select2元素=文档。getelementbyid(' select 2 ')；var选项元素=selectelement。getelementsbytagname(' option ')；selectelement。size=选项元素。长度；选择2个元素。size=选项元素。长度；//获取添加按钮，并添加点击事件var btnAddElement=文档。getelementbyid(' BtNadd ')；btnaddelement。onclick=function(){ var select element=document。getelementbyid(' select 1 ')；if(SelectElement。Selectedindex 0){ alert('请选择菜单！');返回；} var选择2元素=文档。getelementbyid(' select 2 ')；var选项元素=selectelement。getelementsbytagname(' option ')；选择2个元素。appendchild(SelectElement。选项[选择元素。selectedindex])；selectelement。移除子元素(selectelement。选项[selectelement。selectedindex])；} //获取删除按钮，并添加点击事件var btncleelement=文档。getelementbyid(' btncleiar ')；b包含一个元素。onclick=function(){ var select element=document。getelementbyid(' select 2 ')；if(SelectElement。Selectedindex 0){ alert('无可选菜单！');返回；} var选择2元素=文档。getelementbyid(' select 1 ')；var选项元素=selectelement。getelementsbytagname(' option ')；选择2个元素。appendchild(SelectElement。选项[选择元素。selectedindex])；selectelement。移除子元素(selectelement。选项[selectelement。selectedindex])；}//btnOk var btncrelement=document。getelementbyid(' BTnok ')；btnok。onclick=function(){ var selected element=document。getelementbyid(' select 2 ')；var selected elementtlen=selected element。子节点。长度-1；if(selectedelement。子节点。length-1=0){//} else { var蔡丹=' ';for(var I=0；我选择了元素；I){ 0蔡丹=蔡丹' '选择元素。选项[i].文本；} document.write('您选择的有： '蔡丹);} }/脚本/正文/html运行效果图如下：

更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript窗口操作与技巧汇总》 、 《JavaScript遍历算法与技巧总结》 、 《JavaScript切换特效与技巧总结》 、 《JavaScript查找算法技巧总结》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。