javascript HTML操作代码

更新时间：2008年11月10日 22:31:40 作者：

用 js操作html标签的一些代码，大家可以运行后查看效果

<html> <head> <title>123123</title> <script type="text/javascript" language="javascript"> function change(obj){ clearOption(obj); for(var i=0; i<obj.options.length;i++){ if(obj.options[i].value == obj.value){ if(obj.options[i].value != ""){ document.getElementById("aa").value = obj.options[i].text; document.getElementById("bb").value = obj.options[i].value; document.getElementById("cc").value = i; obj.options[0].selected = true; break; } } } } function creatOptgroup(obj){ var hiddenValue = document.getElementById("bb").value; for(var i=0; i<obj.options.length;i++){ if(obj.options[i].value == hiddenValue && hiddenValue != ""){ var group = document.createElement("OPTGROUP"); group.label = obj.options[i].text; obj.insertBefore(group,obj.options(i)); obj.removeChild(obj.options[i]); } } } function clearOption(obj){ if(document.getElementById("bb").value != ""){ var v = document.getElementById("bb").value; var t = document.getElementsByTagName("OPTGROUP")[0].label; var tmpIndex = document.getElementById("cc").value; var o = new Option(t,v,false,false); obj.insertBefore(o,document.getElementsByTagName("OPTGROUP")[0]); obj.options[tmpIndex].text = t; obj.removeChild(document.getElementsByTagName("OPTGROUP")[0]); } document.getElementById("aa").value = ""; document.getElementById("bb").value = ""; document.getElementById("cc").value = ""; } </script> </head> <body> <form> <input type="input" id="aa" value="" readonly="readonly"/> <input type="hidden" id="bb" value="" /> <input type="hidden" id="cc" value="" /> <select style="width: 135px;" id="select" onchange="change(this);creatOptgroup(this);"> <option value="">添加到分类</option> <option value="1">礼品</option> <option value="2" >十二生肖</option> <option value="3" >十二生肖1</option> <option value="4" >十二生肖2</option> </select> <input type="button" id="del" value="删除分类" onclick="clearOption(document.getElementById('select'));"/> </form> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

原生js编写焦点图效果
这篇文章主要为大家详细介绍了原生js编写焦点图效果,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
在JavaScript中实现类的方式探讨
在 javascript 中有很多方式来创建对象，所以创建对象的方式使用起来非常灵活，到底哪一种方式是最恰当呢？下面为大家讲讲
2013-08-08
整理关于Bootstrap导航的慕课笔记
这篇文章主要为大家整理了关于Bootstrap导航的慕课笔记，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-03-03
微信小程序实现banner图轮播效果
这篇文章主要为大家详细介绍了微信小程序实现banner图轮播效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-02-02
JS运行耗时操作的延时显示方法
今天用JS允许一个ActiveX，挺耗时的，想在允许时提示用户正在允许，而不至于漏斗在那里
2010-11-11
详解微信小程序开发之城市选择器城市切换
这篇文章主要介绍了详解微信小程序开发之城市选择器城市切换，非常具有实用价值，需要的朋友可以参考下。
2017-01-01
uniapp封装axios的详细过程(大可不必那么麻烦)
在uniapp中使用axios进行请求时,uniapp无法使用axios的适配器,下面这篇文章主要给大家介绍了关于uniapp封装axios的详细过程,需要的朋友可以参考下
2022-10-10
js隐式全局变量造成的bug示例代码
一段js代码遇到一个bug，由于中间的隐式全局变量造成的，通过谷歌浏览器的js调试器才找到问题所在，下面将代码与大家分享下
2014-04-04
小程序实现搜索框功能
这篇文章主要为大家详细介绍了小程序实现搜索框功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-07-07
JS如何获取指定范围内的随机数含小数
这篇文章主要介绍了JS如何获取指定范围内的随机数含小数问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-12-12

javascript HTML操作代码

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具