Я хочу указать мои множественные текстовые поля Summernote для каждой точки на отдельную текстовую область для многоязычных целей.
$('.summernote').summernote({
onChange: function() {
$("#stage").val($(".summernote").code());
},
height: 200,
tabsize: 2,
lang: 'nl-NL'
});
Где stage должен быть массив для отправки в php-файл для хранения в базе данных.
это мой текущий HTML (с помощью начальной загрузки)
<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 = «stage []» для сохранения его в базе данных.
Я искал в Интернете похожее решение, но пока не нашел. Мне не хватает опыта в jQuery, чтобы решить эту проблему самостоятельно, поэтому я надеюсь, что вы, ребята, сможете мне помочь.
Итак, я поместил счетчик внутри каждого элемента, чтобы я мог идентифицировать поля.
это мой код:
$('.summernote').each(function(i, obj) {
i++;
$(obj).summernote({
onChange: function() {
$("#stage_"+i).val($("#description_"+i).code());
//alert(i);
}
});
});
Не стесняйтесь, дайте мне знать, если есть лучшие подходы, я открыт, чтобы учиться!
Как я понял, ваш код не выглядит работой. Вам не нужно увеличивать 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
в качестве параметра.