javascript添加刪除行樣本

最後更新：2018-12-05 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

iNowRowIndex=-1
tLinkmanNowRowIndex=-1
var_rowIndex=0

function btnAddLinkman_onclick() {
var newRow = tLinkman.insertRow();
// newRow.bgColor='#efefef';
var newCell0 = newRow.insertCell();
newCell0.className='table_body';
newCell0.width = '40';
newCell0.align = 'center';
var iRowLength = tLinkman.rows.length;
newCell0.innerText = iRowLength - 1 ;
var newCell1 = newRow.insertCell();
newCell1.className='table_body';
// newCell1.width = '16%';
newCell1.innerHTML = "<input type=text class=textfield id=linkmanName" + (iRowLength-1) + " maxlength=5 size =20 title='最大5個中文字元'>";
var newCell2 = newRow.insertCell();
newCell2.className='table_body';
newCell2.width = '16%';
newCell2.innerHTML = "<input type=text class=textfield id=linkmanPhone" + (iRowLength-1) + " maxlength=13 size =30 title='格式:xxx-xxxxxxxx 或 xxxx-xxxxxxx'>";
}

function btnDelRow_onclick(tablename) {
var itemp
itemp =-1

if ((eval(tablename + "NowRowIndex") + 1)>1)
{
itemp = eval(tablename+"NowRowIndex")
}
else
{
itemp = eval(tablename).rows.length -1
}

if (itemp >0)
{
  if (confirm("確定要" + event.srcElement.value + " " + itemp +" 嗎?"))
  {
   eval(tablename).deleteRow(itemp)
   for (i=1;i<eval(tablename).rows.length;i++)
    eval(tablename).rows[i].cells[0].innerText = i
  }
}
// if (tableName=="tLinkman")
  tLinkmanNowRowIndex = -1
}

function getRow(e)
{
event.cancellBulle=true
var itemp;
var tableName
var iNowRowIndex

itemp=-1
tableName=""
iNowRowIndex = -1
if (event.srcElement.tagName.toLowerCase() == "td")
{
  iNowRowIndex = event.srcElement.parentElement.rowIndex ;
  tableName = event.srcElement.parentElement.parentElement.parentElement.id.toString()
}
if (event.srcElement.tagName.toLowerCase() == "input")
{
  iNowRowIndex = event.srcElement.parentElement.parentElement.rowIndex;
  tableName = event.srcElement.parentElement.parentElement.parentElement.parentElement.id.toString()
// alert(tableName)
}

itemp = eval(tableName + "NowRowIndex")
if (itemp > 0)
{
  eval(tableName).rows[itemp].bgColor = '#ffffff';
  eval(tableName).rows[itemp].cells[0].innerText = itemp
}
if(iNowRowIndex > -1)
{
  if(iNowRowIndex > 0)
  {
   eval(tableName).rows[iNowRowIndex].cells[0].innerHTML = '<font color=blue>&#9658</font>'
   eval(tableName).rows[iNowRowIndex].bgColor = '#efefef'
  }
  if (tableName=="tLinkman")
   tLinkmanNowRowIndex = iNowRowIndex
}
}
//-->
    </script>

</head>
<body>
    <input language="javascript" id="btnAddLinkman" onclick="btnAddLinkman_onclick()"
        type="button" value="增加連絡人" name="btnAddLinkman">
    <input language="javascript" id="btnDelLinkman" onclick="btnDelRow_onclick('tLinkman')"
        type="button" value="刪除連絡人">
    <table class="table_all" id="tLinkman" cellspacing="0" cellpadding="0" width="100%"
        align="left" border="1">
        <tr>
            <td class="table_second_title" align="left" width="45">
                行號</td>
            <td class="table_second_title" align="left" width="80">
                姓名</td>
            <td class="table_second_title" align="left" width="80">
                聯絡電話</td>
        </tr>
    </table>
</body>
</html>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More