Как сохранить данные ajax после отправки в выпадающих списках и отобразить выбранное значение? - PullRequest
Новая
       2

Как сохранить данные ajax после отправки в выпадающих списках и отобразить выбранное значение?

0 голосов
/ 10 сентября 2018

У меня есть 2 выпадающих списка, один из которых заполнен ajax. Я хотел бы сохранить данные из выпадающего списка AJAX после отправки и отображения выбранных значений, но я не знаю, как вот мой код: 

    <select name="centrale" class="custom-select" id="centrale">
        <option value="" >Centrales</option>
        <option value="all" <?php if(isset($centrale) && $centrale=='all') echo "selected='select'";?> >Toutes centrales</option>
        <option value="LECASUD" <?php if(isset($centrale) && $centrale=='LECASUD') echo "selected='select'";?> >LECASUD</option>
        <option value="SCACENTRE" <?php if(isset($centrale) && $centrale=='SCACENTRE') echo "selected='select'";?> >SCACENTRE</option>
</select>
    <select id="magasins" name="magasins" class="custom-select">
    </select>




    $('#centrale').on('change',function(){
    $('#magasins').html("<option value='allMag'>tout magasins</option>");
    var centrale =$(this).val();
    if (centrale){
        $.ajax({
            type:'POST',
            url:'ajaxMag.php',
            data:'centrale='+centrale,
            success:function(html){
            $('#magasins').append(html);
            }
        });
    }
    });

1 Ответ

0 голосов
/ 10 сентября 2018 

<head>
    <title>Example</title>
</head>

<body>
    <SELECT type = "text" id = "centrale">
        <option value="abc">ABC</option>
        <option value="cdf">CDF</option>
    </SELECT>

    <SELECT type = "text" id = "magasins" onchange ="save_magasins();">
        <option value="asd">asd</option>
        <option value="dfg">fdg</option>
    </SELECT>

    <input type = "button" id = "submit_btn">
</body>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>

$(document).ready(function(){
    $('#centrale').on('change',function(){
        //réinitialise la liste sinon les selections s'ajoutent
        $('#magasins').html("<option value='allMag'>tout magasins</option>");
        var centrale = $(this).val();

        if (centrale){
            $.ajax({
                type:'POST',
                url:'ajaxMag.php',
                data:{centrale:centrale},
                success:function(html){
                    $('#magasins').append(html);
                }

            });
        }
    });
});

function save_magasins(){
    var magasins = document.getElementById('magasins').value;             
    window.localStorage.setItem("magasins", magasins);
    console.log(localStorage.getItem("magasins"));
}

console.log(localStorage.getItem("magasins"));

</script>

Попробуй это. Теперь я пытаюсь сохранить ваши вторые выпадающие значения на основе onchange триггера. Если вы хотите сохранить все параметры из второго раскрывающегося списка, лучше сначала сохранить их внутри самой функции успеха, а затем заполнить. Если вы хотите сохранить только выбранную опцию, тогда это будет прекрасно работать.

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

Нет похожих вопросов

...