--------------------------------天道酬勤
如何添加多个附件
代码如下:
<html>
<head>
<meta http-equiv="content-type" content="text/html" charset="utf-8">
<title>添加附件</title>
<style type="text/css">
.file{
margin-bottom: 10px;
}
</style>
</head>
<body>
<div class="files" id="files">
<div class="file" name="file">
<input type="file">
<input type="button" value="删除附件" onclick="removeFile(this)">
</div>
</div>
<input type="button" value="添加附件" id="addFile" onclick="addFile()">
</body>
<script type="text/javascript" src="js/add.js">
</script>
</html>
function addFile(){
var fileNode=document.createElement("div");
fileNode.setAttribute("name","file");
fileNode.setAttribute("class","file");
fileNode.innerHTML="<input type=\"file\">"+"<input type=\"button\" value=\"删除附件\" onclick=\"removeFile(this)\">";
var filesNode=document.getElementById("files");
filesNode.appendChild(fileNode);
}
function removeFile(fileNode){
var filesNode=document.getElementById("files");
var parent=fileNode.parentNode;
filesNode.removeChild(parent);
}
注：调用ele.removeChild(child)时，ele必须是child的父节点。
如何实现省市联动，利用onchang="function()",当省份发生变化时，市跟着相应改变
代码如下：
<html>
<head>
<meta charset="utf-8">
<title>城市联动</title>
<script type="text/javascript" src="js/chain.js">
</script>
</head>
<body>
<select name="province" id="province" onchange="chain()">
<option value ="" selected="selected">省份</option>
<option value ="广东">广东</option>
<option value ="江西">江西</option>
<option value ="浙江">浙江</option>
<option value ="安徽">安徽</option>
</select>
<select name="city" id="city">
<option value ="">城市</option>
</select>
</body>
</html>
/*
传入一个二维数组和其对应索引
*/
function createCityNode(arr,index)
{
var cityNode=document.getElementById("city");
for(var i=0;i<arr[index].length;i++)
{
var optionNode=document.createElement("option");
optionNode.setAttribute("value",arr[index][i]);
optionNode.innerHTML=arr[index][i];
cityNode.appendChild(optionNode);
}
}
function chain(){
var arr=[["广州","深圳","汕头","珠海"],["南昌","九江","景德镇","新余"],["杭州","宁波","嘉兴","温州"]
,["合肥","安庆","六安","铜陵"]];
var provinceNode=document.getElementById("province");
var cityNode=document.getElementById("city");
cityNode.options.length=1;
// var childs=cityNode.childNodes;
// for(var i=0;i<childs.length;)
// {
// cityNode.removeChild(childs[i]);
// }
var index=provinceNode.selectedIndex;
if(index>0)
{
switch(index)
{
case 1:{
createCityNode(arr,0);
break;
}
case 2:{
createCityNode(arr,1);
break;
}
case 3:{
createCityNode(arr,2);
break;
}
case 4:{
createCityNode(arr,3);
break;
}
default:
alert("未知错误!");
}
}
}