If we have form with mutit value so selector in js i base on id but without delta
exemple i have select html
<select aria-label="demandeur qualite" data-drupal-selector="edit-field-demandeurqualite-select" id="edit-field-demandeurqualite-select--2" name="field_demandeurqualite[select]" class="form-select select-or-other-initialized"
and other html
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-field-demandeurqualite-other form-item-field-demandeurqualite-other"
but in js it takes id to get field name. Id field will add --delta
(function ($) {
'use strict';
function select_or_other_check_and_show($select, speed) {
var $select_id = $select.attr('id').replace('select', 'other').replace('edit-field-', '')
var $other = $(`.js-form-item-field-${$select_id}`)
I suggest to change selector $select_id and $other to
let $select_id = $select.attr('data-drupal-selector').replace('edit-field-', '').replace('-select', '-other');
let $other = $select.closest('.form-type-select-or-other-select').find(`.js-form-item-field-${$select_id}`);
or
let $select_id = $select.attr('id').split('-select')[0].replace('edit-field-', '');
let $other = $select.closest('.form-type-select-or-other-select').find(`.js-form-item-field-${$select_id}-other`);
It is generic and it works in all cases
Active
4.0
Code
@baikho
Why did you close this ticket? it's very different. please read carefully
I want to base the logic on $select.attr('data-drupal-selector'), actually the ID based origin is not correct for many values. field with multi-valued id adds ID--DELTA but data-drupal selector does not.