当前位置：Gxlcms > JavaScript > javascriptHTML操作代码_javascript技巧

javascriptHTML操作代码_javascript技巧

时间：2021-07-01 10:21:17 帮助过：5人阅读

<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> 
 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

javascriptHTML操作代码_javascript技巧

人气教程排行