100分求助,各位大侠们帮帮小弟!!在线急等!!!解决了马上结贴!!先谢谢了!! 一个table的上下换行是什么意思?指定行进行插入 是怎么样的指定方法? 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 在你的script里加上下面几个函数。function window.onload(){ test.ondblclick = dbclick;}function dbclick(){ window.event.srcElement.innerHTML='<input type="text" name="tt" value="'+window.event.srcElement.innerText+'"><input type="button" value="修改" onclick="modify()">';}function modify(){ window.event.srcElement.parentElement.innerText=document.all.tt.value;} 表格最好用下面的写法,因为dbclick()没有做判断,这样可以避免双击其它地方时出现的错误。<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> <tbody id="test"> <tr> <td colspan="3"> <table id="tbCondition" width="100%" border="1" cellspacing="0" cellpadding="0"> <tr> <td> </td> <td> </td> <td> </td> </tr> </table> </td> </tr> </tbody></table> 一个table的上下换行是什么意思?::就是上行可以换到下行 下行可以到上行,你看看http://www.cn5135.com/Help/JS/Table/,要的功能和它差不多!!!指定行进行插入 是怎么样的指定方法?选择一行后 按添加 就加到所选行的下面!! 谢谢 uGain(uGain.org) !!!修改可以了!! <html><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> js 创建新链接的问题 ActiveX和JavaScript的交互问题 菜鸟问题 谁能帮我找出错误问题 动态标签页的实现 js代码为什么运行不了 如何用js 将htm网页中的表格导出成word或excel? firefox parseFromString的问题 子窗口未关,不能操作父窗口,怎么实现?在线等 一个小窗口,怎样让它在屏幕中间 如何实现把一个字符串变量做为代码运行(Javascript)?? 很急,请帮忙写一个时间函数 请问JAVASCRIPT如何将IE状态栏中的地址隐藏起来!?
test.ondblclick = dbclick;
}
function dbclick(){
window.event.srcElement.innerHTML='<input type="text" name="tt" value="'+window.event.srcElement.innerText+'"><input type="button" value="修改" onclick="modify()">';
}
function modify(){
window.event.srcElement.parentElement.innerText=document.all.tt.value;
}
<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>
<tbody id="test">
<tr>
<td colspan="3">
<table id="tbCondition" width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
一个table的上下换行是什么意思?::就是上行可以换到下行 下行可以到上行,你看看http://www.cn5135.com/Help/JS/Table/
,要的功能和它差不多!!!指定行进行插入 是怎么样的指定方法?选择一行后 按添加 就加到所选行的下面!!
修改可以了!!
<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>