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

我需要能够输入输入并在另一个输入中显示该值，这就是我一直在处理的内容。所以基本输入从userreplymessage去输入userreplydisplay。如何使用jquery将输入值从一个输入转移到另一个输入值

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); 
});

来源

2012-03-06 jeff

你的问题是什么？什么不起作用？ – jfriend00 2012-03-06 08:12:15

当我输入'userreplymessage'输入什么都没有出现在'userreplydisplay'输入字段 – jeff 2012-03-06 08:14:15

无论你输入元素，userreplydisplay和userreplymessage输入文本框。制定者和获取者都是.val()。您正确使用吸气剂，但您使用的是错误的吸气剂。

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

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

来源

2012-03-06 08:14:09 jmort253

谢谢我只有一个问题，它在jsfiddle上工作正常，但是当我在我的网站上尝试时没有任何作品，当我开始输入 – jeff 2012-03-06 08:26:12

那么，从我所知道的代码看起来很好，并且你已经在一个测试环境中证实了你自己。假设你在你的网站上有冲突是合乎逻辑的。我将开始在您的更新函数中添加一些console.debug日志语句，并使用Chrome开发工具查看是否在键入时调用它。然后向后退一步，加入更多的日志，直到你找到大海捞针。另外，有没有JS错误？如果是这样，您可能需要先修复它们或用try/catch块对它们进行包装。 – jmort253 2012-03-06 08:28:58

控制台表示“未捕获的SyntaxError：意外的令牌非法” – jeff 2012-03-06 08:36:25

这一行使用文本（）：

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

它应该是VAL（）

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

来源

2012-03-06 08:15:40 tusar

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

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

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

来源

2012-03-06 08:16:46 Guffa

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

回答

相关问题