手机版

JavaScript实现动态删除列表框值的方法

时间:2021-09-08 来源:互联网 编辑:宝哥软件园 浏览:

本文实例讲述了Java脚本语言实现动态删除列表框值的方法。分享给大家供大家参考。具体如下:

使用Java脚本语言动态删除列表框中的值,实际运用中可能效果会比较复杂,这只是一个基本功能单元,很多都是在此基础上扩展而来,运行代码点击"删除",会将列表框中的值一一删除,只保留一项数据。

运行效果截图如下:

具体代码如下:

!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。' DTD ' html标题删除选项/titlestyle!-表单{ padd :0 pxmargin :0 pxfont :14 px Arial } p { margin :0 pxpadding :3 px }输入{ margin:0pxborder:1px固体# 000000;}-/style脚本语言=' JavaScript '函数移除选项(Box,Inum){ var oForm=document。表单['我的表单1 '];var oBox=oform。元素[框];obox。options[Inum]=null;}/脚本/标题动态方法='post '名称='myForm1 '球类:p select id=' ball ' name=' ball ' multiple=' multiple '选项值='足球'足球/option选项值='篮球'篮球/option选项值='排球'排球/option/select/pinput type=' button ' value='删除onclick='RemoveOption '(球,1);'//表单/正文/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。

版权声明:JavaScript实现动态删除列表框值的方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。