Я ищу способ зациклить бросить все теги select, посмотреть там запросы, id, класс, метаданные, ect и использовать эти данные для передачи в мой запрос AJAX GET. добавление успешного ответа к соответствующему тегу в цикле. Я застрял и хотел бы некоторые указатели или идеи, чтобы сделать это чище. Я не знаю теги или классы элементов, пока не загрузится DOM.
Edit: я выяснил, как перебрать все теги, но когда дело доходит до добавления тега, у меня возникают проблемы. следующая строка работает для одного выбора с идентификатором C31: $("#1C3").append("<option value='" + value + "'>" + value + "</option>");
Однако следующее не работает, и я пытаюсь найти решение использовать переменную вместо '# c31'. как я могу передать правильные параметры моего ID в $ (?). append () `
var elementID = classList[i].id;
var temp = '#';
var result = temp.concat(elementID);
console.log(typeof result);
$(result).append("<option value='" + value + "'>" + value + "</option>");
`
$(document).ready(function() {
for(i = 0; i< classListSize; i++){
var elementID = classList[i].id;
var temp = '#';
var result = temp.concat(elementID);
if(classList[i].tagName === 'SELECT'){
$.ajax({
url: 'http://localhost:9000/LabData', //In future we need to make this to be able to pass any params as so we can get anything from db
type: 'GET', //SELECT ProjectName FROM Projects
datatype: "json",
success: (data) => { //it was succesful in getting data
var dt = JSON.stringify(data).replace('[', '').replace(']', '');
if (dt) {
var result = jQuery.parseJSON(dt);
for (x in dt) {
var temp = result.recordset[x]
for (key in temp) {
var value = temp[key];
//console.log("result : ", value);
$(result).append("<option value='" + value + "'>" + value + "</option>");
//do something with value;
}
}
}
}
});
}
}