несколько летних заметок для разных текстовых областей

Я хочу указать мои множественные текстовые поля 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, чтобы решить эту проблему самостоятельно, поэтому я надеюсь, что вы, ребята, сможете мне помочь.

1

Решение

Итак, я поместил счетчик внутри каждого элемента, чтобы я мог идентифицировать поля.

это мой код:

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

Не стесняйтесь, дайте мне знать, если есть лучшие подходы, я открыт, чтобы учиться!

0

Другие решения

Как я понял, ваш код не выглядит работой. Вам не нужно увеличивать 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 в качестве параметра.

0

По вопросам рекламы [email protected]