javascript - 将一些数据提取到其中后，使文本框只读

Question

我旁边有一个文本框和一个控制按钮。单击该按钮将调用另一个函数，在该函数中选择一些数据并将其写回文本框。目前我的文本框在数据输入后可由用户编辑提取到文本框。我想让文本框在用户单击按钮并将数据提取到文本框后只读，这样现在数据就出现在文本框中，无法编辑。如果用户必须更改数据，用户必须再次单击按钮调用函数，这将帮助我们在文本框中覆盖写入数据。我如何在 javascript 中完成此操作。

Answer 1

你可以这样做

HTML:

<input type="text" id="mytextbox" value="click the button below."/>
<input type="button" value="click" onclick="changeText();"/>

Javascript:

function changeText(){
   var text_box = document.getElementById('mytextbox');
    if(text_box.hasAttribute('readonly')){   
        text_box.value = "This text box is editable.";
        text_box.removeAttribute('readonly');
    }else{       
        text_box.value = "This text box is read only.";
        text_box.setAttribute('readonly', 'readonly');   
    }
}

fiddle 示例: http://jsfiddle.net/b7jAy/