У меня есть codepen, где вам нужно выбрать некоторые вкладки, затем вы можете вставить свое имя и нажать кнопку «Отправить», и ваше имя добавится к выбранным вкладкам. Дело в том, что при выборе нескольких вкладок (я сделал это с помощью выбранного виджета jQuery) и добавлял к ним свое имя, ваше имя отображается несколько раз. Это довольно очевидно, потому что он добавляется к каждой вкладке, и это должно быть так. Моя цель в том, что javascript просто скрывает «дублированные» элементы списка. Таким образом, ваше имя есть только один раз, но все же на каждой выбранной вами вкладке. Thats мои ЯШ:Скрыть дублированные элементы списка/элементы списка с тем же контентом
$(function() {
$('#plannername').prop('disabled', true);
$('#plannername').attr("placeholder", "zuerst Tage auswählen");
$('#plannersubmit').attr("value", " ");
function selectionChange(event, ui) {
var items = $('.ui-selected', this).map(function() {
return $(this).index();
}).get();
$("section").each(function() {
$(this).toggle(items.indexOf($(this).index()) > -1);
});
$('#plannername').prop('disabled', false);
$('#plannername').attr("placeholder", "Name eingeben");
$('#plannersubmit').attr("value", "eintragen");
}
$("#selectable").selectable();
$("#selectable").selectable({
selected: selectionChange,
unselected: selectionChange
});
});
$(function(){
$('#plannerform').submit(function(e){
var val = $(this).find('#plannername').val();
$('ul.plannerlist:visible').append('<li>' + val + '</li>');
e.preventDefault();
$('#plannername').val('');
});
});
И это мои HTML закладки:
<div id="content">
<section class="tabcontent">
<ul class="plannerlist">
</ul>
</section>
<section class="tabcontent">
<ul class="plannerlist">
</ul>
</section>
<section class="tabcontent">
<ul class="plannerlist">
</ul>
</section>
<section class="tabcontent">
<ul class="plannerlist">
</ul>
</section>
<section class="tabcontent">
<ul class="plannerlist">
</ul>
</section>
<section class="tabcontent">
<ul class="plannerlist">
</ul>
</section>
</div>
Если вам нужно, чтобы увидеть весь свой код, вы можете проверить мой codepen, который я упоминал выше.
Большое спасибо за Ваш ответ. Дело с вашим кодом заключается в том, что входной текст добавляется только к первой выбранной вкладке. Пример: когда вы выбираете 1-3 и добавляете что-то к нему, это видно только на вкладке 1.:/ –
@TobiasGlaus, как это должно быть? Я думал, что вы хотите, чтобы имя отображалось один раз, если оно было введено на нескольких вкладках. –
Пример: вы добавляете «Hello» на вкладке 1-4. Затем на каждой вкладке отображается «Hello». Но когда вы выбрали 1-4, это не похоже на «Hello» «Hello» «Hello» «Hello», потому что он находится на каждой вкладке от 1 до 4. Он отображается только один раз. Надеюсь, вы поняли, что я имею в виду –