Как динамически загружать опции SELECT в html на основе значения из предыдущего html

Question

Я вызываю функцию javascript со страницы html, скажем «1», чтобы открыть страницу html «2», где она имеет выпадающий список. В зависимости от состояния файла, выбранного на html-странице «1», я хотел бы изменить список параметров в SELECT im, отображающемся на странице «2». Сколько способов я могу достичь и какова лучшая практика для этого в целом. Спасибо

Answer 1

[Рекомендуемый способ] 1. Вы можете передать выбранную опцию из HTML 1 в метод сервера. Если у вас есть это в методе сервера, вы можете либо сохранить его в базе данных, либо напрямую передать его в виде HTML 2, и вы можете загрузить свой список опций на основе выбранной опции (предполагается, что вы делаете это в MVC).

Вы можете использовать jquery для этого очень легко. 1. Сначала возьмите значение опции выбора 2. затем вызовите метод .load( url [, data ] [, complete ] ) и передайте выбранную опцию методу контроллера 3. Затем верните вторую HTML-страницу из вашего метода контроллера.

2.Другой вариант, как упоминал Арчер, можно сохранить в локальном хранилище в браузере из HTML1, используя метод localStorage.setItem(), и извлечь его со страницы 2, используя localStorage.getItem().

.

Answer 2

1) Сколько способов? Вы можете: - загрузить всю (100% серверная) новую страницу и установить выбранное значение во время загрузки - загрузить только область, затронутую (<100% на стороне сервера) SELECTion (через javascript / XMLHttpRequest) и установить выбранное значение во время выполнения через (через javascript) </p>

2) лучшая практика для этого вообще? Узким местом является скорость интернета, поэтому лучше использовать javascript / XMLHttpRequest.

PS: Ваш вопрос принимает много ответов, но они (IMO) охватывают все основы. Надеюсь, это поможет,