Mein Ereignis-Listener in funktioniert nicht, wenn ich die Klasse chzn-select verwende ⇐ HTML HTML-Programmierer Post Reply Post Reply Previous topicNext topic Email topic Print view Search Advanced search

[Guest]

Ich habe versucht, mit der chzn-select-Klasse eine für das Provinz-Dropdown-Menü zu erstellen.
Aber diese Klasse hat dazu geführt, dass mein addEventListener nicht funktioniert. Wenn ich es entferne, funktioniert der addEventListener, aber ich benötige ihn, um diese Klasse zu verwenden.
Mein Code:

Code: Select all

(async () => {
await loadProvinceList();

const select = document.createElement('select');
select.id = 'province';
select.name = 'province';
select.className = 'chzn-select';
select.addEventListener('change', () => {
console.log('test');
});

for (let name in provinceNameCodeMap) {
const option = document.createElement('option');
option.value = provinceNameCodeMap[name];
option.textContent = name;
select.appendChild(option);
}

const provinceParent = document.getElementById('province_parent');
provinceParent.innerHTML = '';
provinceParent.appendChild(select);
})();

Ich habe diese ausprobiert, aber sie haben nicht funktioniert.

• Code: Select all

  select.chosen();

• Code: Select all

  $('#province').chosen();

• Code: Select all

  jQuery(select).chosen();

• Code: Select all

  $('#province').trigger("chosen:updated");

• Code: Select all

  $('#province').trigger('liszt:updated');

Ich arbeite an etwas, das jemand anderes gemacht hat, daher kenne ich die Details dieser Klasse nicht, also kann ich' Es wird kein wiederholbarer Code erstellt. Das tut mir leid. Ich hoffe, Sie können mir helfen.