字符串輸入自動進入只讀字段

是否有可能將輸入從先前輸入的字段複製到另一個不可編輯的字段javascript？比如說你有兩個名字字段，第一個字段你必須輸入你的名字，一旦輸入名字將自動被複制到第二個不可編輯的文本字段中。我已經做了一些周圍的搜索，但我似乎無法找到任何用於這種具體情況的東西，我對JavaScript非常瞭解，所以任何形式的幫助或向正確的方向微調都會很好。字符串輸入自動進入只讀字段

來源

2013-05-21 daniel

你的意思是「不可編輯」？如在中，它具有'readonly'屬性？通過'id'獲取元素並獲取/設置適當的'value'屬性 – Ian

如果你有2個id，每個文本字段一個，你可以做document.getElementById（'inputone'）。value = document.getElementById 'inputtwo'）。值 –

這是可能的。並容易與jQuery http://jsfiddle.net/j08691/WFvU9/ – j08691

只要使用keyup監聽你輸入：

<input type="text" id="input1" /> 
<input type="text" id="input2" readonly='readonly' /> 

var $input2 = document.getElementById('input2'); 
var $input1 = document.getElementById('input1'); 
$input1.addEventListener('keyup', function() 
{ 
    $input2.value = $input1.value; 
});

這裏的例子：fiddle

來源

2013-05-21 16:42:10

它可以在jsfiddle中找到，但是當我在自己的代碼中嘗試它時，它不起作用，應該添加什麼東西？ – daniel

哦，等待我的工作，只是增加了window.onload =功能（事件），非常感謝你的幫助！ – daniel

-1

HTML

<input type="text" id="entry" /> 
<input type="hidden" id="storage" />

(function() { 

    $('#entry').on('change', function() { $('#storage').val(this.value); }); 

})();

來源

2013-05-21 16:40:30

假設OP使用'jQuery'。另外，「隱藏」輸入字段有什麼意義？ –

這裏是一個fiddle。

$(function() { 
    $('#nameInput').change(function() { 
     $('#secondInput').val($(this).val()); 
    }); 
});

有：

<input id="nameInput" type="text"/><br /> 
<input id="secondInput" type="text" readonly/>

來源

2013-05-21 16:41:54

你假設OP使用jQuery。 – j08691

是的，你可以，只是做了如下：

document.getElementById('non_editable_name').value = document.getElementById('editable_name').value;

如果你使用jQuery的，你可以做您可以通過使用jQuery和代碼做到這一點：

$('#non_editable_name').val($('#editable_name').val());

來源

2013-05-21 16:42:06

-1

像這樣：

<!DOCTYPE html> 
    <html> 
     <head> 
     <meta http-equiv="content-type" content="text/html; charset=windows-1250"> 
     <meta name="generator" content="PSPad editor, www.pspad.com"> 
     <title></title> 
     <script> 
     function copianome(nome){ 
     document.getElementById('ds_name_result').value = nome; 
     } 
     </script> 
     </head> 
     <body> 
     <input type="text" id="ds_name" onkeyup="copianome(this.value)" /><br /> 
     <input type="text" id="ds_name_result" readonly="readonly" /> 
     </body> 
    </html>

來源

2013-05-21 16:44:28

字符串輸入自動進入只讀字段

回答

相關問題