JS修改Table中Td的值。

2022-01-24 13:10:08 字數 1555 閱讀 3381

專案做完,在測試驗收時,使用者突然提出,可以更改查詢結果,便於列印。隱藏工程錯誤。但是這個時候提要求,比較頭痛,後來,想了想還是用前台**,這樣,只要在專案的js檔案中,加入以下幾個函式,便可以解決了。

code

/*頁面裝載時,為每個td增加單擊事件,這樣,就可以不用對每個頁面進行更改。

*/function

rewritable()}}

/*單擊事件,將td內容更新為乙個div,其中裝載了乙個text,用於使用者輸入新的td的值,

乙個確定按鈕,乙個取消按鈕,用於儲存或取消使用者的輸入內容。

乙個hidden,儲存使用者輸入新值前的td的值,以便使用者取消時恢復。

*/function

addobjoftext()

vartdid

=window.event.srcelement;

vartdtxt

=tdid.innertext;

varstr="

"+tdtxt+"

'>";

str+=""

;str+="

";str+=""

+tdtxt+"

'>";

str+=""

;tdid.innerhtml

=str;    }/*

取消更改,把hidden值賦給td

*/function

canceltdchanged()

/*儲存使用者更改,把text值賦值給td

*/function

changetdtext()

這樣,在頁面的中,新增onload事件,其值賦為:rewritable(),如下:

code

<

body 

onload

="rewritable();"

>

<

table 

id="tbmain"

style

="width:100%;"

border

="1"

>

<

tr>

<

td>

11td

>

<

td>

12td

>

<

td>

13td

>

tr>

<

tr>

<

td>

21td

>

<

td>

22td

>

<

td>

23td

>

tr>

<

tr>

<

td>

31td

>

<

td>

32td

>

<

td>

33td

>

tr>

table

>

body

>

這樣,每個td中,便新增了乙個單擊事件。

MVC中修改Table值

記錄下 遇到這樣乙個問題,表中有乙個char欄位,為1 0 只是在檢視介面 讓其顯示為 開始 結束,目前想到的兩種解決辦法 後台寫查詢的sql時,直接寫 select a.status,case a.status when 1then 開始 when 2then 結束 else 初始化 end as...

jquery 在 table 中修改某行值

修改 table 中某行的的方法步驟如下 1 選擇要修改的行,事件觸發,比如我的 雙擊某行時修改 2 將要修改的行,替換為input,原先的列中的值,需要放到對應的input中作為預設值 3 修改完成後,事件觸發將其還原,比如我的 如果滑鼠移走,不在該行上時觸發 function hover fun...

取td在table中的第幾行

滑鼠在乙個table中點的時候,請問用什麼辦法能反應出當前點中的td是該table的第幾行?a this.parentnode.rowindex b parentelement.rowindex c 突然發現dom裡有非常多操作 的方法,平常很少用到,在此收集一下.loveliness otr.ro...