javascript - 如何使用 jquery 和文本区域编辑隐藏的输入字段？

Question

我不确定我想做的事情是否可行。好的，我已经成功为我正在开发的网站创建了“删除图像”功能。这就是它的样子(看起来会改善)。

现在，我有一个可以编辑标题的文本框，但我正在尝试这样做，以便当我键入文本时我可以编辑隐藏输入框的部分内容。例如，输入标题将编辑隐藏输入框中的标题部分。

它看起来是这样的:

<input value="meta":{"userId":"le_user","FolderName":"Name Of the Folder","Caption":"","DateStamp":"","Privacy":""}">

这是我使用过的代码

<div class="addtextTopic">
    <div class="leimage">
     <img src="funnylookingcar.png">
     <input class="tosend" value="meta":{"userId":"le_user","FolderName":"Name Of the Folder","Caption":"","DateStamp":"","Privacy":""}">
    </div>
 <textarea class="lecaptine" placeholder="Enter A Caption"></textarea>
</div>

    $(document).ready(function() {
            $(".addtextTopic .lecaptine").onchange(function() {
               var $cap = $(this)
               $(".tosend").val($cap);
            });
        });

现在，上面的代码不起作用，出于某种原因，我开始认为如果它起作用，它将替换整个值，而不是标题部分。

另外，我的方向正确吗？这可能吗？

Answer 1

这是一个可能的解决方案。

http://jsfiddle.net/o2gxgz9r/3167/

$(document).ready(function() {
  $(".addtextTopic .lecaptine").keyup(function() {
    var metaDefault = '"meta":{"userId":"le_user","FolderName":"Name Of the Folder","Caption":"{{CAPTION}}","DateStamp":"","Privacy":""}';
    var $cap = $(this).val();

    $(".tosend").val(metaDefault.replace('{{CAPTION}}', $cap));
  });
});

您的原始代码有一些问题。

1. change 事件仅在文本区域模糊时触发，而不是在击键时触发。我将其更改为 keyup
2. 我创建了一个默认字符串 metaDefault 以及一个神奇的字符串 {{CAPTION}}，这样 .replace() 就会知道要做什么替换。
3. $cap 需要是 $(this) 的 .val()。