Question

我有一个文字区域

<textarea id="realAreaWhereUserTypes"></textarea>

我有一个隐藏的输入字段跟随。

<input id="hiddenUserInput" />

textArea包含如下值：

This is my friend @bingo_mingo and this is my another friend @lingo_tingo

隐藏字段字段包含相同的文本，但格式不同。

This is my friend @a142f2f0-1eda-11e3-ad5f-3c970e02b4ec:bingo_mingo and this is my another friend @a143edr0-1eda-11e3-ad5f-3c970e02b4ec:lingo_tingo

我希望这两个字段同步。每当我从真实文本区域删除某些内容时，隐藏应该更新。如果我开始删除主文本中的@admin_admin，隐藏文本应该相应地更新。

是否有可用的jquery插件可供使用。

Answer 1

我还没用过。你有找过吗？这可能是一个：http://github.com/ain/jquery-fieldsync此外，这个问题是重复的：Synchonise 2 input fields, can it be done using jQuery?

Answer 2

使用Jquery的.clone()。这很容易http://api.jquery.com/clone/

Answer 3

您可以创建一个侦听器，无论何时更改，都会使用更新后的文本更新隐藏字段。

$("#realAreaWhereUserTypes").bind("keyup paste", function() {
    var newStr = formatName($(this).val());
    $("#hiddenUserInput").val(newStr);
}); 

function formatName(str){
   // Do whatever change you need here.
}

同步两个HTML元素

3 个答案: