как извлечь выбранное значение выпадающего списка в другой выпадающий список

Question

Я разрабатываю php-файл для выполнения двух выпадающих списков.

В моей выпадающий список, у меня есть список категорий, таких как ITEM1 ст.2, ст.3, Item4, ...

И в другом выпадающем списке у меня есть подкатегорий для каждой категории в 1-й список как , B, C, D, E, F, ...

Моя идея, при изменении значения 1-го списка, мне нужно передать значение на 2-й список ...

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

Подкатегория одинакова для всех категорий. Но в моем расчете, я использовал цену для каждой категории и подкатегории ..

Итак, ..

Item 1 -> A = 100 Пункт 2 -> A = 75 Пункт 1 -> B = 198 Пункт 2 -> B = 146 Пункт 1 -> C = 160 Пункт 2 -> C = 175

Мне нужно получить выбранный элемент, чтобы получить сумму для моего расчета ...

Как я мог достичь этого ...

<select name="Category1" size="1" id="Category1" > 
    <option value="Item1">Item1</option> 
    <option value="Item2">Item2</option> 
    <option value="Item3">Item3</option> 
    <option value="Item4">Item4</option> 
    <option value="Item5">Item5</option> 
    <option value="Item6">Item6</option> 
</select> 
<select name="Category2" size="1" id="Category2" onchange=function()> 
    <option value="A">A</option> 
    <option value="B">B</option> 
    <option value="C">C</option> 
    <option value="D">D</option> 
    <option value="E">E</option> 
    <option value="F">F</option> 
    <option value="G">G</option> 
    <option value="H">H</option> 
</select> 

Здесь я нужно получить выбранное значение category1, в функции() ...

Answer 1

Ваш синтаксис является неправильным попробовать

<select name="Category2" size="1" id="Category2" onchange="function(document.getElementById('Category1').value);"> 

значение проходной category1 в качестве аргумента при изменении происходит с select.

OP Комментарий Ответ

<script type="text/javascript"> 
    function changeFunction(cat) 
    { 
     alert(cat); 
    } 
</script> 

<select name="Category1" size="1" id="Category1" > 
    <option value="Item1">Item1</option> 
    <option value="Item2">Item2</option> 
    <option value="Item3">Item3</option> 
    <option value="Item4">Item4</option> 
    <option value="Item5">Item5</option> 
    <option value="Item6">Item6</option> 
</select> 
<select name="Category2" size="1" id="Category2" onchange="changeFunction(document.getElementById('Category1').value);"> 
    <option value="A">A</option> 
    <option value="B">B</option> 
    <option value="C">C</option> 
    <option value="D">D</option> 
    <option value="E">E</option> 
    <option value="F">F</option> 
    <option value="G">G</option> 
    <option value="H">H</option> 
</select> 

выше кода проверяется теперь проверяют я уверен, что он будет работать.

Answer 2

Хотя мой ответ похож на Devang-х, немного более правильный способ сделать это может быть так:

<select id="category" onchange="calculatePrice"> 
    ... 
</select> 
<select id="subCategory" onchange="calculatePrice"> 
    ... 
</select> 
<input id="price"> 

<script> 
    function calculatePrice() { 
    var category = document.getElementById('category').value, 
     subCategory = document.getElementById('subCategory').value; 

    if (category && subCategory) { 
     document.getElementById('price').value = ...; 
    } 
    } 
</script>