jQuery - 当 Textarea 名称为动态时，将隐藏字段设置为 Textarea 内容

Question

我的表格的每一行都有一个文本区域。我需要将此文本区域设置为与其关联的隐藏字段的值。

textarea 和 hidden 字段的名称如下所示： 文本区域名称：

sc-(Account Name)c

隐藏字段名称：

sc-(Account Name)h

一个例子是：

文本区域：

sc-usernamec

隐藏字段：

sc-usernameh

在提交或他们键入文本时，我需要使用在文本区域中键入的内容来更新隐藏字段。我对 jQuery 和 Javascript 还很陌生，我想知道如何 a) 遍历每个 textarea 字段，在关联的隐藏字段中设置其内容，或者 b) 在输入时将隐藏字段设置为 textarea。

我不确定我应该使用哪个选项，也不知道如何编写这种性质的东西。

Answer 1

如果有问题的textarea是普通的textarea，那么你可以试试

$(function() {
    $(":hidden[name^='sc']").each(function() { // all hidden starting with sc
      var id = this.id.substring(0,this.id.length-1)+"c";
      var hid = $(this);                           
      $("#"+id).on("keyup",function() {
          hid.val($(this).val());
        });
    });
});

Live Demo

如果 textarea 被转换为编辑器，那么所有的赌注当然是关闭的 - 那么你需要阅读

jQuery and TinyMCE: textarea value doesn't submit

意思是

$(function() {
  $("#myForm").on("submit",function() {
    $('#sc_texth').val(tinyMCE.get('sc_textc').getContent());
  });
});

或者更多

$(function() {
  $("#myForm").on("submit",function() {
    $(":hidden[name^='sc']").each(function() { // hidden and starts with sc
      var textareaID = this.id.substring(0,this.id.length-1)+"c";
      $(this).val(tinyMCE.get(textareaID).getContent());
  });
});

Live Demo

Answer 2

我想这可能对你有帮助。

<p><textarea name="sc-username" id="sc-username" ></textarea></p>
<p><textarea name="sc-usernameh" id="sc-usernameh" style="display:none;"></textarea></p>

$(document).ready(function(){  
    $("textarea").on("keyup",function() {  
        var name = $("#"+$(this).attr('name')+"h");  
        if(name)  
          name.val($(this).val());  
    });
});