Динамическое добавление нескольких раскрывающихся списков с взаимоисключающими параметрами Dynami c - PullRequest
0 голосов
/ 10 января 2020
 <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");

                });
            }


    });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...