如何使用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將輸入值從一個輸入轉移到另一個輸入值

回答

相關問題