javascript - jQuery 和实时操作

Question

我有两个输入文本，我想使用 jquery 对它们进行操作。输入文本是这样的:

<p>
    <label>Title 1</label>
    <span class="field">
        <input type="text" name="field1" id="field2" class="width100" value="<?php echo $field1t; ?>"  />
    </span>
</p>
<p>
    <label>Title 2</label>
    <span class="field">
        <input type="text" name="field2" id="field2" class="width100" value="<?php echo $field2t ?>"  />
    </span>
</p>

我想在第一个输入中输入一个数字，并且实时地，该数字应该在第二个输入中输入

我该怎么办？

Answer 1

使用keyup #field1 文本框上的事件。

HTML

<p>
    <label>Title 1</label>
    <span class="field">
        <input type="text" name="field1" id="field1" class="width100" value="<?php echo $field1t; ?>"  />
    </span>
</p>
<p>
    <label>Title 2</label>
    <span class="field">
        <input type="text" name="field2" id="field2" class="width100" value="<?php echo $field2t ?>"  />
    </span>
</p>

Javascript

// On every keyup of textbox
$('#field1').on('keyup', function () {
    $('#field2').val($(this).val());
    // Set the text in field1 into field2
});

DEMO