Как я могу отфильтровать данные и заполнить комбинированный список в JavaScript

Question

Я думаю работать над двумя комбинациями для: страна и город.

Когда пользователь выбирает страну в первом комбо, его города должны быть заполнены в поле со списком городов.

Для этого:
1.) Подготовьте 2 переменные javascript: первая с идентификатором и именем страны, вторая с идентификатором города, именем и идентификатором страны

Для стран:
[<br> {"id":1, "title":"uk"},<br> {"id":3, "title":"US"},<br> {"id":6, "title":"CANADA"},<br> {"id":8, "title":"AUSTRALIA"}<br> ]
и Для городов:
[<br> {"id":1, "country_id":1, "city":"LONDON"},<br> {"id":3, "country_id":1, "city":"Manchester"},<br> {"id":4, "country_id":2, "city":"New YORK"},<br> {"id":5, "country_id":2, "city":"New Jersey"},<br> {"id":8, "country_id":8, "city":"MELBOURN"}<br> ]

Теперь:
1.) Как заполнить вышеуказанные данные страны в поле со списком стран?
2.) Как заполнить данные о соответствующих городах в поле со списком городовкогда пользователь выбирает страну?

Answer 1

Вот несколько учебных пособий для связанных комбинированных списков: * http://www.javascriptkit.com/script/script2/multiplecombo.shtml * http://www.javascriptkit.com/script/cut183.shtml

Answer 2

Мой человек, я люблю чистый JavaScript

Слушай, я расскажу тебе все

сначала это объект json, так что тебе нужно вычислить его, если его строка, используя функцию eval

var jsonobject = eval (строка json);

, затем переберите этот объект для привязки к ddl

, поэтому

будет так

для сквозного массива объекта js и внутри для связывания для ddl

var ddl_countries = document.getElementById ('countrydropdownid') var ddl_country_option = document.createElement ('option');ddl_country_option.innerHTML = text // из объекта;ddl_country_option.value = значение // из объекта;ddl_countries.appendChild (ddl_country_option);

привязка для городов

на привязке onchange для городов таким же образом, если вы хотите получить более подробное описание, я готов, просто скажите мне, intersted, и я напишуполный код

Answer 3

См. Эту статью на CSS-Tricks.com:

• Так что вам нужно динамически заполнить выпадающий список