js實現點選修改按鈕之後單元格變成可編輯狀態

2022-07-13 17:03:14 字數 700 閱讀 4170

主要實現原理:

每一行有乙個修改按鈕 點選修改之後,獲取行物件,通過行物件再獲取行中單元格陣列。然後把每乙個單元格中的innerhtml替換成input輸入框,並賦值value=原來單元格中的內容,滑鼠移開之後還原。

效果圖:點選之前

點選之後

修改之後移開失去焦點:

這裡應該還要當滑鼠移開之後也就是失去焦點事件就觸動函式,用ajax把資料提交到資料中去,並且輸入框變回到原來的形式

完整**:

1

"-//w3c//dtd html 4.01 transitional//en"2

"">

3433

3435

36123

37123

3812339"

button

" onclick="

xiugai(this)

" value="

修改"/>

4041

4243

TableView之修改單元格

import uikit class viewcontroller uiviewcontroller,uitableviewdatasource,uitableviewdelegate else 對應storyborad insert按鈕的action ibaction func insertbut...

雙擊單元格修改內容

因為專案中用到 雙擊某個區域直接修改內容,然後儲存提交。比如雙擊 字段,直接變成可修改,修改完之後,單擊其他區域,自動儲存。網頁特效 雙擊滑鼠修改 內容 www.mrhso.com 提供 title style type text css style head body script languag...

js合併table單元格

合併列單元格方法,table不可以有th method mergecell author wpj param tableid id param startrow 開始合併的行數 param col 開始合併的列數 return function mergecell tableid,startrow,...