Question

我需要能够输入一个输入，并且这个值显示在另一个输入中，这是我一直在使用的。所以基本上从userreplymessage输入到输入userreplydisplay。

HTML

<form id="userreply">
    <select id="usernames">
        <option value="">Users</option>
        <option value="Alex">Alex</option>
        <option value="Jeff">Jeff</option>
        <option value="Amy">Amy</option>
        <option value="Kate">Kate</option>
    </select>
    <input id="userreplymessage" type="text" />
    <input id="userreplydisplay" type="text" />
</form>

Jquery的

$(document).ready(function() {
    function update() {
        $('#userreplydisplay').text('startreply ' + 'middlereply ' + $('#usernames').val() + ' endreply ' + $('#userreplymessage').val());
    }

    $('#userreplymessage').keyup(update);
    $('#usernames').change(update);
});

Answer 1

此行使用text（）：

$('#userreplydisplay').text('startreply ' + 'middlereply ' + $('#usernames').val() + ' endreply ' + $('#userreplymessage').val());

应该是val（）

$('#userreplydisplay').val('startreply ' + 'middlereply ' + $('#usernames').val() + ' endreply ' + $('#userreplymessage').val());

Answer 2

您的输入元素userdplydisplay和userreplymessage都是输入文本框。 setter和getter都是.val()。你正确使用了getter，但你使用的是错误的setter。

$('#userreplydisplay').val('startreply ' + 'middlereply ' +
    $('#usernames').val() + ' endreply ' + $('#userreplymessage').val());

将“text”改为“val”，你会没事的。

Answer 3

使用val方法设置输入值，而不是text方法：

$('#userreplydisplay').val('startreply ' + 'middlereply ' + $('#usernames').val() + ' endreply ' + $('#userreplymessage').val());

演示：http://jsfiddle.net/8rxsg/

如何使用jquery将输入值从一个输入传输到另一个输入

3 个答案: