2

是否可以将以前输入的字段中的输入复制到另一个不可编辑的字段 javascript 中？例如，您有两个姓名字段，第一个字段您必须输入您的姓名，一旦输入，姓名将自动复制到不可编辑的第二个文本字段中。我已经做了一些搜索，但我似乎找不到任何对这种特定情况有用的东西，而且我对 javascript 非常了解，所以任何形式的帮助或朝着正确方向轻推都会很棒。

4

5 回答 5

3

是的，您可以，只需执行以下操作：

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

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

$('#non_editable_name').val($('#editable_name').val());
于 2013-05-21T16:42:06.900 回答
3

只需使用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;
});

这是一个例子：小提琴

于 2013-05-21T16:42:10.183 回答
0

这是一个小提琴。您可以通过使用jQuery和代码来做到这一点：

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

和：

<input id="nameInput" type="text"/><br />
<input id="secondInput" type="text" readonly/>
于 2013-05-21T16:41:54.630 回答
-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-21T16:44:28.367 回答
-1

HTML

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

JS

(function() {

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

})();
于 2013-05-21T16:40:30.050 回答