0

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

文本区域和隐藏字段的名称如下所示： 文本区域名称：

sc-(Account Name)c

隐藏字段名称：

sc-(Account Name)h

一个例子是：

文本区域：

sc-usernamec

隐藏字段：

sc-usernameh

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

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

4

2 回答 2

1

如果有问题的文本区域是正常的文本区域，那么您可以尝试

$(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());
        });
    });
});

现场演示

如果将 textarea 转换为编辑器，那么所有的赌注当然都失败了——那么你需要阅读

jQuery 和 TinyMCE：textarea 值不提交

意思是

$(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());
  });
});

现场演示

于 2013-06-05T19:00:35.677 回答
0

我想这可能会对你有所帮助。

<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());  
    });
});
于 2013-06-05T19:21:53.583 回答