Question

是否可以将先前输入的字段中的输入复制到另一个不可编辑的字段javascript中？例如，您有两个名称字段，第一个字段必须输入您的名字，一旦输入名称将自动复制到第二个文本字段，这是不可编辑的。我已经做了一些搜索，但我似乎无法找到任何有用的特定情况，我非常了解javascript所以任何形式的帮助或推动正确的方向将是伟大的。

Answer 1

是的，你可以，只需按照以下步骤操作：

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

如果你使用jquery，你可以这样做：

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

Answer 2

只需使用输入的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

Answer 3

这是fiddle。您可以使用jQuery和代码

来完成此操作

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

使用：

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

Answer 4

HTML

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

JS

(function() {

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

})();

Answer 5

像这样：

   <!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>

字符串输入自动进入只读字段

5 个答案: