2016-12-19 3 views
0

У меня есть два тега Select: первый из них динамически заполняется сценарием php (сканирует мои непустые папки) и дает мне коды стран, как показано ниже:html select tag: on select get value from another select tag

  <select name="countries" id="countries"> 
     <option>fr</option> 
     <option>gr</option> 
     <option>it</option> 
     <option>gr</option> 
     <option>pl</option> 
     <option>gb</option> 
     <option>es</option> 
     <option>pt</option> 
        ... 
     (dynamically populated from a php script) 
    </select> 

и второй вЫБРАТЬ является полный список с их Кантри кодов уже заселена:

<select name="ctCodes" id="ctCodes"> 
    <option>--select--</option> 
    <option value="fr">France</option> 
    <option value="nl">Netherlands</option> 
    <option value="bl">Belgium</option> 
    <option value="rs">Russia</option> 
        ... 
     (full ready list with all countries and code as value) 
    </select> 

Я не хочу, чтобы мой посетитель выбрать один из первых вЫБРАТЬ, потому что это только коды (фр, де , ..), но я хочу, чтобы он выбирал из более полного списка с полным именем страны (Fra nce, Germany ..), где значения опций перенаправят его в выбранную страну: Ex выбирает Германию, моя функция возьмет его: location.href = "xxx.php #" + element.value;) в этом случае 'de ».

Как я могу это понять: Создать третий тег SELECT, который ВАРИАНТЫ добавляются из полного раскрывающегося списка в соответствии с первым? .. есть ли решение просто отфильтровать список полных имен во втором SELECT tAG, чтобы сохранить только параметры, которые загружаются в первый? ... Я знаю, что это вторая занятость для sql или ms-access! .. но можно ли это сделать с помощью html и javascript? Я благодарен за все ответы.

+0

Где вы хотите, чтобы данные и с чем вы работаете? Функция Javascript, представленные данные (POST-запрос) в PHP, может быть, что-то еще? – chrki

+0

Речь идет о двух списках (выберите теги), первый заполняется из php (работает отлично), а второй - полный список всех стран с их кодами как «значения» – karmel

+0

Я хочу, только когда я выберу вариант из сначала выберите Я получаю значение из второго списка .. для загрузки определенной страницы html: Что-то вроде функции clic (element) { \t objForm = document.MyForm; \t location.href = "xxx.php #" + element.value; (это значение должно быть кодом страны, выбранным из полного списка) } – karmel

ответ

0

В первом select с идентификатором #country

var e = document.getElementById("country"); 
var value = e.options[e.selectedIndex].value; 

В этом коде value будет содержать country name, если это значение.

var textVar = e.options[e.selectedIndex].text; 

Если название страны является text она будет храниться в textVar

Теперь вы хотите автоматически выбрать второе выберите использование onchange с выбором, имеющей идентификатор country.

Теперь во втором выберите с идентификатором ctCodes

var element = document.getElementById('ctCodes'); 
element.value = value; 

Используйте этот код, чтобы установить значение выбора.