表单中单选框添加选项和移除选项

前端之家收集整理的这篇文章主要介绍了表单中单选框添加选项和移除选项前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

selection添加option并放在最后一项

HTML代码

js代码

第一种方法添加单选选项

第二种方法:也是添加单选选项,是不是简单很多了,哈哈 但是不兼容IE8及以上版本

第三种方法添加单选框看看,最佳方案,这个又方便又兼容

移除选项:

第一种方法:select.remove(i);//index从0开始

第二种方法:select.options[i]=null;

第三种方法:select.removeChild(select.options[i])

dio的方法

本文依赖于jQuery,其中第一种,第二种方式是使用jQuery实现的,第三种方式是基于JS和DOM实现的。

单选按钮取消选中的三种方式

您喜欢哪款浏览器?

dio" name="browser" value=""> dio" name="browser" value="Internet Explorer">Internet Explorer
dio" name="browser" value="Firefox">Firefox
dio" name="browser" value="Netscape">Netscape
dio" name="browser" value="Opera">Opera

以上所述是小编给大家介绍的表单中单选框添加选项和移除选项。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/js/47455.html

猜你在找的JavaScript相关文章