MediaWiki:Common.js: различия между версиями
User (обсуждение | вклад) Нет описания правки |
User (обсуждение | вклад) Нет описания правки |
||
Строка 1: | Строка 1: | ||
// Get the select element and the forms | // Get the select element and the forms | ||
var select = document.createElement('select'); | var select = document.createElement('select'); | ||
select.id = 'select'; | select.id = 'select'; | ||
var label = document.createElement('label'); | |||
label.setAttribute("value", label_value); | |||
label.setAttribute("for", select); | |||
var forms = document.querySelectorAll('.createbox'); | var forms = document.querySelectorAll('.createbox'); | ||
// Create the select options | // Create the select options | ||
var options = [ | var options = [ | ||
{ value: 'Личность:', text: ' | { value: 'Личность:', text: 'Личность' }, | ||
{ value: 'Подразделение:', text: ' | { value: 'Подразделение:', text: 'Подразделение' } | ||
]; | ]; | ||
var opt; | var opt; | ||
Строка 21: | Строка 25: | ||
select.addEventListener('change', function(e) { | select.addEventListener('change', function(e) { | ||
var value = e.target.value; | var value = e.target.value; | ||
var form; | var form; | ||
Строка 27: | Строка 30: | ||
form = forms[i]; | form = forms[i]; | ||
var prefixInput = form.querySelector('input[name="prefix"]'); | var prefixInput = form.querySelector('input[name="prefix"]'); | ||
if (prefixInput) { | if (prefixInput) { | ||
prefixInput.value = value; | prefixInput.value = value; | ||
} | } | ||
} | } | ||
}); | }); | ||
var createb = document.getElementById('create-buttons'); | var createb = document.getElementById('create-buttons'); | ||
createb.appendChild( | var documentFragment = document.createDocumentFragment(); | ||
documentFragment.appendChild(listItem); | |||
listItem.appendChild(label); | |||
listItem.appendChild(select); | |||
createb.appendChild(documentFragment); |
Версия от 12:15, 17 мая 2024
// Get the select element and the forms var select = document.createElement('select'); select.id = 'select'; var label = document.createElement('label'); label.setAttribute("value", label_value); label.setAttribute("for", select); var forms = document.querySelectorAll('.createbox'); // Create the select options var options = [ { value: 'Личность:', text: 'Личность' }, { value: 'Подразделение:', text: 'Подразделение' } ]; var opt; for (var i = 0; i < options.length; i++) { opt = document.createElement('option'); opt.value = options[i].value; opt.text = options[i].text; console.log(opt.text); select.appendChild(opt); } // Add event listener to the select element select.addEventListener('change', function(e) { var value = e.target.value; var form; for (var i = 0; i < forms.length; i++) { form = forms[i]; var prefixInput = form.querySelector('input[name="prefix"]'); if (prefixInput) { prefixInput.value = value; } } }); var createb = document.getElementById('create-buttons'); var documentFragment = document.createDocumentFragment(); documentFragment.appendChild(listItem); listItem.appendChild(label); listItem.appendChild(select); createb.appendChild(documentFragment);