Javascript 如何使用jquery和textarea编辑隐藏的输入字段?

Javascript 如何使用jquery和textarea编辑隐藏的输入字段?,javascript,Javascript,我不确定我想做的事是否可行。好的,我已经成功地为我正在工作的网站创建了一个“删除你的图像”功能。这就是它的外观(外观会有所改善) 现在,我有了这个文本框,我可以在其中编辑标题,但我正在尝试这样做,当我键入文本时,我可以编辑隐藏输入框的一部分。例如,输入标题将编辑隐藏输入框内的标题部分 这就是它的样子: <input value="meta":{"userId":"le_user","FolderName":"Name Of the Folder","Caption":"","DateSta

我不确定我想做的事是否可行。好的,我已经成功地为我正在工作的网站创建了一个“删除你的图像”功能。这就是它的外观(外观会有所改善)

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

这就是它的样子:

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

$(文档).ready(函数(){
$(“.addtextTopic.lecaptine”).onchange(函数(){
var$cap=$(此)
美元(“.tosend”).val($cap);
});
});
现在,上面的代码不起作用,出于某种原因,我开始认为如果它起作用,它将替换整个值,而不是标题部分


还有,我的方向对吗?这可能吗?

首先将
方法更改为method,并将
.lecaptline
的值复制到
。使用
$cap.val()
发送

$(文档).ready(函数(){
$(“.addtextTopic.lecaptine”).change(函数(){
调试器;
var$cap=$(本);
$(“.tosend”).val($cap.val());
});
});


首先将您的
Onchange
方法更改为method,并将
.lecaptline
的值复制到
。tosend
使用
$cap.val()
请查找下面的小提琴以了解更多信息

$(文档).ready(函数(){
$(“.addtextTopic.lecaptine”).change(函数(){
调试器;
var$cap=$(本);
$(“.tosend”).val($cap.val());
});
});


这样的变化怎么样

$('.addtextTopic .lecaptine').bind('input propertychange', function({

});

这样的变化怎么样

$('.addtextTopic .lecaptine').bind('input propertychange', function({

});

这里有一个可能的解决方案

您的原始代码有一些错误

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

  • 这里有一个可能的解决方案

    您的原始代码有一些错误

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

  • 它需要是
    var$cap=$(this).val()
    ,才能从textarea获取值。但是,是的,结果是替换隐藏输入中的所有文本。(另外,
    .onchange()
    应该是
    .change()
    )它需要是
    var$cap=$(this).val()
    才能从文本区域获取值。但是,是的,结果是替换隐藏输入中的所有文本。(另外,
    .onchange()
    应该是
    )看起来很有希望……)+哦,伙计,是的。我正要放弃整个项目。Wew。我会继续建造它,并在完成后展示最终结果。谢谢,没问题。如果这是解决方案,请批准:)看起来很有希望:)+哦,伙计,是的。我正要放弃整个项目。Wew。我会继续建造它,并在完成后展示最终结果。谢谢,没问题。如果这是解决方案,请批准:)
    $(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));
      });
    });