时间:2021-05-18
selection添加option并放在最后一项
html代码:
js代码:
第一种方法:添加单选选项
var newOption=document.createElement('option');var newText=document.createTextNode('guangzhou');newOption.appendChild(newText);newOption.setAttribute('value','guangzhou');select.appendChild(newOption);第二种方法:也是添加单选选项,是不是简单很多了,哈哈 但是不兼容IE8及以上版本
var newsOption=new Option('nanchang1','nanchang');select.appendChild(newsOption);第三种方法:添加单选框看看,最佳方案,这个又方便又兼容
var nnewOption=new Option('fengcheng1','fengcheng');select.add(nnewOption,undefined);移除选项:
第一种方法:select.remove(i);//index从0开始
第二种方法:select.options[i]=null;
第三种方法:select.removeChild(select.options[i])
下面给大家介绍三种取消选中单选框radio的方法
本文依赖于jQuery,其中第一种,第二种方式是使用jQuery实现的,第三种方式是基于JS和DOM实现的。
<!DOCTYPE HTML> <html> <head> <title>单选按钮取消选中的三种方式</title> <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"> </script> <script type="text/javascript"> $(function(){ // var $browsers = $("input[name=browser]"); var $cancel = $("#cancel"); var $byhide = $("#byhide"); var $remove = $("#remove"); // $cancel.click(function(e){ // 移除属性,两种方式都可 //$browsers.removeAttr("checked"); $browsers.attr("checked",false); }); // $byhide.click(function(e){ // 切换到一个隐藏域,两种方式均可 //$("#hidebrowser").attr("checked",true); $("#hidebrowser").attr("checked","checked"); }); // $remove.click(function(e){ // 直接去的DOM元素,移除属性 // 如果不使用jQuery,则可以移植此方式 var checkedbrowser=document.getElementsByName("browser"); // var len = checkedbrowser.length; var i = 0; for(; i < len; i++){ // 必须先赋值为false,再移除属性 checkedbrowser[i].checked = false; // 不移除属性也可以 //checkedbrowser[i].removeAttribute("checked"); } }); }); </script> </head> <body> <p>您喜欢哪款浏览器?</p> <form> <input style="display:none;" id="hidebrowser" type="radio" name="browser" value=""> <input type="radio" name="browser" value="Internet Explorer">Internet Explorer<br /> <input type="radio" name="browser" value="Firefox">Firefox<br /> <input type="radio" name="browser" value="Netscape">Netscape<br /> <input type="radio" name="browser" value="Opera">Opera<br /> <br /> <input type="button" id="cancel" value="取消选中方式1" size="20"> <input type="button" id="byhide" value="取消选中方式2" size="20"> <input type="button" id="remove" value="取消选中方式3" size="20"> </form> </body> </html>以上所述是小编给大家介绍的表单中单选框添加选项和移除选项,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
各种对下拉列表、文本框、复选框、单选框的jquery的相关操作。做为记录和收藏的最好方法。遍历option和添加、移除optionfunctionchangeS
本文实例讲述了js实现表单Radio切换效果的方法。分享给大家供大家参考。具体如下:这里基于js实现表单中的Radio单选框切换效果,当选中某个单选框的时候,所
本文主要介绍了AmazeUI单选框和多选框的实现示例,分享给大家,也给自己留个笔记,具体如下:单选框和多选框复选框没有选中已选中禁用/未选中禁用/已选中单选框未
Axure中默认的单选框和复选框并不好看,想要修改单选框和复选框的样式,该怎么修改呢?下面我们就来看看详细的教程。软件名称:原型设计工具AxureRPPro8.
jQuery实现按钮的点击全选/反选单选框/复选框文本框表单验证MyJSP'index.jsp'startingpage$(document).ready(fu