javascript HTML操作代码

ttx9n · 发表于 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需刷新才能执行]

wangdj110 · 发表于 2022-8-21 18:45:11

这个源码不错啊

i1efp6c · 发表于 2022-10-9 02:07:54

很不错的玩意

feiyasqhr · 发表于 2023-8-27 14:19:43

先把创新班才能下班才能下班

JosephSA · 发表于 2024-4-6 20:15:24

了乐趣了去了去了去了去了

溪谷玉贤 · 发表于 2024-4-8 07:43:33

啪啪啪生怕PSP怕

w18pvaep · 发表于 2024-6-11 00:37:36

天天源码社区。。。。

j__j33p · 发表于 2024-7-19 15:42:38

笑纳了老板

wqpa63gz · 发表于 2024-8-11 16:43:10

来看看！！！

123456 · 发表于 2024-9-2 15:23:05

激动人心，无法言表！

账号		自动登录	找回密码
密码			立即注册

[JavaScript] javascript HTML操作代码

相关帖子