Question

我想将多个summernote textareas指向不同的textarea用于多语言目的。

$('.summernote').summernote({
   onChange: function() {
     $("#stage").val($(".summernote").code());
   },
    height: 200,
    tabsize: 2,
    lang: 'nl-NL'
});

其中stage实际上应该是一个发送到php文件以存储在数据库中的数组。

这是我当前的html（使用bootstrap）

<div class="form-group">
   <label for="description[]">Bericht:</label>
   <textarea cols="40" name="description[]" rows="4" class="form-control summernote" placeholder="Bericht"></textarea>
</div>
<div class="form-group">
  <label for="stage">stage:</label>
  <textarea cols="40" name="stage" rows="4" class="form-control" id="stage" placeholder="stage"></textarea>
</div>

据我所知，拥有身份证的舞台因其独特性而无法代表解决方案。但是我想使用name =＆＃34; stage []＆＃34;将其保存到数据库中。

我在网上搜索了类似的解决方案，但我还没找到。我缺乏jQuery的经验来自己解决这个问题，所以我希望你们/女孩们可以给我一个机会。

Answer 1

好的，所以我在每个元素中放置了一个计数器，所以我可以识别这些字段。

这是我的代码：

$('.summernote').each(function(i, obj) { 
i++;
$(obj).summernote({
  onChange: function() {
      $("#stage_"+i).val($("#description_"+i).code());
      //alert(i);
  }
});
});

如果有更好的方法，请随时告诉我，我愿意学习！

Answer 2

据我了解，您的代码看起来不起作用。您无需手动增加i。

我认为你的html有以下结构：

<div class="summernote">
    <div class="form-group">
        <textarea class="description"></textarea>
    </div>
    <div class="form-group">
        <textarea class="staged"></textarea>
    </div>
</div>

如果是这样，你可以这样写：

$('.summernote').each(function(i, obj) {
  var stage$ = $(obj).find('.stage');
  $(obj).find('.description').summernote({
    onChange: function(contents) {
      stage$.val(contents);
    }
  });
});

您可以在不id的情况下进行此操作。顺便说一句，选择DOM不利于性能，onChange回调传递contents作为参数。

多个summernotes来区分textareas

2 个答案: