Предварительная загрузка нескольких списков выбора

Question

Таким образом, у меня есть форма на веб-странице, которая представляет собой ввод с несколькими вариантами выбора, например.

<option name="testData" multiple="multiple"> 
    <select value="1">Option 1</select> 
    <select value="2">Option 2</select> 
    <select value="3">Option 3</select> 
    <select value="4">Option 4</select> 
    <select value="5">Option 5</select> 
</option> 

После отправки формы выбранные параметры сохраняются в массиве (например, 1,2,3)

Вопрос заключается в том, что если бы я вернуться к странице, я хочу, чтобы данные можно разделить назад в отдельные значения и чтобы убедиться, что они были ранее выбраны, они снова выбраны.

Итак, в этом случае значения 1,2,3 будут уже выбраны в меню выбора.

Информация хранится в базе данных и выполняется правильно. Я спрашиваю, как принять значение (1,2,3 и т. Д.) И идентифицировать каждый как выбранный вариант в списке опций. Затем пользователь может внести необходимые изменения.

Если возможно, это можно сделать с помощью jquery? Javascript также будет в порядке.

Позвольте мне знать, если это нужно немного больше объяснять, и я сделаю все возможное, чтобы ответить на любые запросы

Заранее спасибо

Answer 1

Что вы можете сделать, это сохранить массив выбранных параметров в сеансе хранения (если вы хотите, чтобы избежать вызова AJAX, это сделает ваш скрипт быстрее)

// When your user clicks on the submit button 
$("#id_of_your_submit_btn").click(function() { 
    // store the selected options into the sessionStorage 
    sessionStorage.setItem('my_array_of_selected_values', array_of_selected_options); 
}); 

Затем, когда ваша страница будет перезагружена, вы можете проверить погоду этот sessionStorage установлен, а затем выберите динамически параметры ранее выбранных (как Александр предложил)

$(document).ready(function() { 
    console.log("ready!"); 
    var selected_options = sessionStorage.getItem('my_array_of_selected_values'); 
    if(selected_options) { 
     // if something is set into this sessionStorage variable 
     // we select the options dynamically 
     $("[name='testData']").val(selected_options); 
    } 

}); 

NB: проверить, что браузеры поддерживаются целевые https://developer.mozilla.org/fr/docs/Web/API/Window/sessionStorage

Answer 2

Пожалуйста, попробуйте это,

$("[name='testData']").val([1,2,3]); 

или

$("select").val([1,2,3]);