Question

我有一个编辑按钮，点击该行中的每个td将成为输入文本，在我的代码中它可以工作，但问题是我无法找到一种方法来检索输入中的文本所以我以后可以保存。

   function Edit(clickedButton){
        var getTR = clickedButton.closest('tr');
        var getLength = getTR.childElementCount;
        var getTds = getTR.querySelectorAll("td")

        for (i in getTds) {
            if(i < (getLength-1)) {
                getTds[i].innerHTML = "<input  type='text' value='"+getTds[i].innerHTML+"'>";
            }       
        }

    }

Answer 1

通过id

获取它

document.getElementById('textbox_id').value

或

在课堂上获取

document.getElementsByClassName('class_name')[element_index].value

或通过标签名称

获取

document.getElementsByTagName('tag_name')[whole_number].value

Answer 2

在循环体中为创建的输入添加一个事件监听器，例如绑定到blur事件，以便在输入失去焦点时对该值执行某些操作：

getTds[i].innerHTML = "<input  type='text' value='"+getTds[i].innerHTML+"'>";
getTds[i].getElementsByTagName('input')[0].addEventListener('blur', function(){
    console.log( this.value );
})

简化示例：http://jsfiddle.net/Lr08emod/

如何从输入中检索文本

2 个答案: