一部のデータがフェッチされた後にテキストボックスを読み込み専用にする

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'); 
    } 
} 

フィドル例：http://jsfiddle.net/b7jAy/

Answer 2

jQuery .attr()を使用すると、テキストフィールドの読み取り専用ステータスを設定できます。

$('#textfield').attr('readonly', true); 
$('#textfield').attr('readonly', 'readonly'); 

Answer 3

JQueryを試してみてください。 Javascriptフレームワークとして使用する理由は何千もあります。

Add "readonly" to <input > (jQuery)

希望に役立ち、

Answer 4

あなたはOPはjqueryのを使用していることを考えるべきではありません<input id=foo>を言って、テキストボックスにid属性を割り当て、

document.getElementById('foo').readOnly = true;