Javascript - Как сделать автоматический выбор другого выпадающего списка

Question

• Здесь есть меню меню списка. Первый brand второй item
• Я хочу, если мы выбрать brandIBM что item будет выбрать IBM слишком
• В другой стороны, если мы выбрать brandHP что item будет выбрать HP слишком

Как сделать это в javascript.

<select name="brand"> 
    <option>Please Select</option> 
    <option>IBM</option> 
    <option>HP</option> 
</select> 

<select name="item"> 
    <option>Please Select</option> 
    <option>IBM</option> 
    <option>HP</option> 
</select> 

Answer 1

<select name="brand" id="brand" onchange="document.getElementById('item').value = document.getElementById('brand').value"> 
    <option>Please Select</option> 
    <option>IBM</option> 
    <option>HP</option> 
</select> 

<select name="item" id="item"> 
    <option>Please Select</option> 
    <option>IBM</option> 
    <option>HP</option> 
</select> 

Answer 2

Я заметил, ваши варианты выстраиваются друг с другом, так что вы могли бы просто отражать SelectedIndex в во втором из первых:

document.getElementById("brand").onchange = function(){ 
    document.getElementById("item").selectedIndex = this.selectedIndex; 
} 

Answer 3

Вы можете добавить атрибут OnChange к вашему бренд выбрать элемент. Когда выбран бренд, вызывается функция selectItem, которая, в свою очередь, может выбрать элемент, который соответствует значению в элементе . Кроме того, я рекомендую вам указывать идентификаторы для выбранных элементов, чтобы вы могли использовать document.getElementById («бренд»).

<select id="brand" name="brand" onchange="selectItem(this.selectedIndex);"> 
    <option>Please Select</option> 
    <option>IBM</option> 
    <option>HP</option> 
</select> 

Вот ссылка DOM для выбора элемента: http://www.w3schools.com/jsref/dom_obj_select.asp

Answer 4

Что делать, если я хочу сделать то же самое, но изменения более 1 выбрать одновременно: Итак, я получил главный выберите:

<select name="brand" id="brand" onchange="document.getElementById('item').value = document.getElementById('brand').value"> 
    <option>Please Select</option> 
    <option>IBM</option> 
    <option>HP</option> 
</select> 

И далее выбирает сделаны в PHP с петлей, поэтому у меня будет 3,4,5, ... выбирает в зависимости от ситуации

<select name=item_".$itemnumber." id="item"> 
<option>Please Select</option> 
<option>IBM</option> 
<option>HP</option> 
</select> 

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