<table id="table" width="100%">
<tr>
<td>表头名称</td>
<td>是否合并</td>
<td>操作</td>
</tr>
<tr>
<td id="row1_name">名称A</td>
<td id="row1_flag">是</td>
<td><A onclick="EditItem(1)" href="#">编辑</A></td>
</tr>
</table>
<script>
function EditItem(row){
var name=document.getElementById("row"+row+"_name");
var flag=document.getElementById("row"+row+"_flag");
var value=name.innerText;
name.innerHTML="<input name=\"edit_name\" value=\""+value+"\" type=\"text\">";
value=flag.innerText;
flag.innerHTML="<input name=\"edit_flag\" value=\""+value+"\" type=\"text\">";
}
</script>
<tr>
<td>表头名称</td>
<td>是否合并</td>
<td>操作</td>
</tr>
<tr>
<td id="row1_name">名称A</td>
<td id="row1_flag">是</td>
<td><A onclick="EditItem(1)" href="#">编辑</A></td>
</tr>
</table>
<script>
function EditItem(row){
var name=document.getElementById("row"+row+"_name");
var flag=document.getElementById("row"+row+"_flag");
var value=name.innerText;
name.innerHTML="<input name=\"edit_name\" value=\""+value+"\" type=\"text\">";
value=flag.innerText;
flag.innerHTML="<input name=\"edit_flag\" value=\""+value+"\" type=\"text\">";
}
</script>
解决方案 »
- 求解!超链接的target无法正常转向,怎么设置?
- Js window.showModalDialog打开子页面问题
- html中,点击,得到的xml数据,自动填表问题(要详细代码)
- window.parent.frames["main"].document.title跨域怎样取值
- Game而已!
- 关于turnjs问题请教
- radiobutton中触发onchange的时候,如何得到原来被checked的item的值?
- 100分急求一个小东西的源码 赶紧来挣分!!!
- 请高手帮帮小弟啊,有急用!
- 帮我看看这个location该怎样写呀?我要跳转的页面是xxdf_report.php
- 样式套用问题,急!!!
- iframe能自己调节高度吗?
var strInnerText ;
var objCurrent;
objCurrent = event.srcElement;
strInnerText = objCurrent.parentNode.innerText;
objCurrent.outerHTML = "<input type='Text' value='"+ strInnerText +"'>";
}
不过还有一点问题请教 如果我的tr 是动态生成的 有没有办法给每个td赋ID啊 ?
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<script language="javascript">
function Add(){
if(dltLocation.selectedIndex==-1) {alert("请选择地点!");return;};
if(dltEducation.selectedIndex==-1) {alert("请选择学历!");return;};
if(dltMoney.selectedIndex==-1) {alert("请选择钱数!");return;};
var newRowPos=tbCondition.rows.length;
if(curRow) newRowPos=curRow.rowIndex+1;
var newRow=tbCondition.insertRow(newRowPos);
newRow.attachEvent("onclick",SelectRow);
var newCell=newRow.insertCell();
newCell.attachEvent("onclick",EditTd);
newCell=newRow.insertCell();
newCell.attachEvent("onclick",EditTd);
newCell=newRow.insertCell();
newCell.attachEvent("onclick",EditTd);
newRow.insertCell();
newRow.cells[0].innerText=dltLocation.value;
newRow.cells[1].innerText=dltEducation.value;
newRow.cells[2].innerText=dltMoney.value;
newRow.cells[3].innerHTML='<input type="button" value="删除" onclick="this.parentNode.parentNode.removeNode(true)">';
newRow.click();}
function EditTd(){
var src=window.event.srcElement;
if(src.tagName!="TD") return;
var strVal=src.innerText;
src.innerHTML='<input type="text" style="width:100%" onblur="EditEnd(this)" value="'+strVal+'">';
src.children[0].focus();
}
function EditEnd(src){
var strVal=src.value;
var objTd=src.parentElement;
objTd.innerHTML="";
objTd.innerText=strVal;
}
var curRow=null;
function SelectRow(){
var clickrow=window.event.srcElement;
while(clickrow.tagName!="TR"){
clickrow=clickrow.parentElement;
}
//alert(clickrow.tagName);
if(curRow)
curRow.style.backgroundColor ="#FFFFFF";
clickrow.style.backgroundColor ="#0099FF";
curRow=clickrow;
btnUp.disabled=false;
btnDown.disabled=false;
}
function Move(flag){
var len=tbCondition.rows.length;
if(len==1){alert("只有一行,无法移动!"); return;}
else if(curRow.rowIndex==len-1 && flag==1){alert("最后一行,无法下移!"); return;}
else if(curRow.rowIndex==0 && flag==-1){alert("第一行,无法上移!"); return;}
else{
var chgRow=tbCondition.rows[curRow.rowIndex+flag];
for(var i=0;i<3;i++){
var strTd=curRow.cells[i].innerHTML;
curRow.cells[i].innerHTML=chgRow.cells[i].innerHTML;
chgRow.cells[i].innerHTML=strTd;
}
chgRow.click();
}
}
</script>
</head><body>
<table width="450" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="150"><select name="dltLocation" id="dltLocation" multiple size="6" style="width:100% ">
<option value="北京">北京</option>
<option value="广州">广州</option>
</select></td>
<td width="150"><select name="dltEducation" id="dltEducation" multiple size="6" style="width:100% ">
<option value="本科">本科</option>
<option value="专科">专科</option>
</select></td>
<td width="150"><select name="dltMoney" id="dltMoney" multiple size="6" style="width:100% ">
<option value="1000">1000</option>
<option value="2000">2000</option>
<option value="3000">3000</option>
</select></td>
</tr>
<tr>
<td colspan="3">
<table id="tbCondition" width="100%" border="1" cellspacing="0" cellpadding="0">
</table>
</td>
</tr>
</table>
<tr>
<td align="right"><input name="btnAdd" type="button" value="添加" onClick="Add()">
<input name="btnUp" type="button" value="上移" onClick="Move(-1)" disabled>
<input name="btnDown" type="button" value="下移" onClick="Move(1)" disabled>
</td>
<td> </td>
</tr></body>
</html>