<select id="book0" class="select_stlye">
<option value=null>Select Book</option>
</select>
поэтому здесь я загружаю данные из базы данных в раскрывающемся списке по умолчанию.
for(i = 0; i < response.length;i++){
$.each(response[i], function(key, value) {
if(key == 'name'){
$('#book0').append($("<option></option>").attr("value",key + i).text(value));
}
});
};
И вот при нажатии кнопки я добавляю дополнительные раскрывающиеся меню с такими же загруженными данными.
function loading_selections(response){
//adding another selector for more options
$("#add_select").click(function(){
if(j < (response.length) - 1){
j++;
var selectList = document.createElement("select");
var input = document.createElement("input");
selectList.setAttribute("class", "select_stlye");
selectList.setAttribute("id", "book" + j);
input.setAttribute("class", "input_stlye");
input.setAttribute("id", "input" + j);
input.setAttribute("placeholder", "Quantity");
$("#selects").append(selectList);
$("#selects").append(input);
for(i = 0; i < response.length;i++){
if(i == 0){
$('#book' + j).html('<option value=null>Select Book</option>');
}
//Adding data to the dropdown options
$.each(response[i], function(key, value) {
if((key == 'name')){
$('#book' + j).append($("<option></option>").attr("value", key +i).text(value));
}
});
}
}
Я пытаюсь сделать опции взаимоисключающими между динамическими c выпадающими, но я не могу думать об этой части кода. Может кто-то помочь, я новичок в программировании.
for(i = 0; i < j;i++){
$('#book' + i).change(function () {
var str = $(this).val();
console.log(str);
$("#book" + i + " option").css("display","block");
$("#book" + i + " option[value=" + str + "]").css("display","none");
});
}
});