Сброс первого списка выбора, когда второй сбрасывается на 0

Question

Сброс первого списка выбора, когда второй сбрасывается на 0

0

У меня есть примерный код, я хочу, когда значение во втором списке выбора равно 0, первое же сбрасывается до 0, в то время как они сбрасывают друг друга, когда значение выбирается в одном. Любая помощь приветствуется:

HTML:

<select name="Standard" id="std" size="6" onClick="selectCheck(this,'del'); return true;"> 
     <option value="0">Select one</option> 
     <option value="Eggs" selected>Eggs</option> 
     <option value="Bacon">Bacon</option> 
     <option value="Toast">Toast</option> 
     <option value="Ham">Ham</option> 
     <option value="Home">Home Fries</option> 
     <option value="Jelly">Jelly</option> 
</select> 
<select name="Deluxe" id="del" size="6" onClick="selectCheck(this,'std'); return true;"> 
     <option value="0">Select one</option> 
     <option value="Omelet">Omelet</option> 
     <option value="Canadian">Canadian Bacon</option> 
     <option value="Muffin">Muffin</option> 
     <option value="Steak">Steak</option> 
     <option value="Cottage">Cottage Fries</option> 
     <option value="Preserves">Preserves</option> 
</select>

JS:

function selectCheck(me,other) { 
    var ind = me.selectedIndex; 
    if (ind > 0) { 
       document.getElementById(other).selectedIndex = 0; 
    } 
 }

user3087370 18 фев. 2014, в 20:27

Источник

Теги:

javascript

html

select

list

2 ответа

Ещё вопросы

Diodeus - James MacFarlane · Answer 1 · 2014-02-18T16-45-00.000Z

Найдите конкретный идентификатор

if (ind > 0 && other !='del') { 
  document.getElementById(other).selectedIndex = 0; 
 }

DEMO

Ivan.s · Answer 2 · 2014-02-18T16-06-00.000Z

<select name="Standard" id="std" size="6"> 
<option value="0">Select one</option>
 <option value="Eggs" selected>Eggs</option>
<option value="Bacon">Bacon</option> 
<option value="Toast">Toast</option> 
<option value="Ham">Ham</option> 
<option value="Home">Home Fries</option> 
<option value="Jelly">Jelly</option> </select>
 <select name="Deluxe" id="del" size="6" onClick="selectCheck(this,'std'); return true;"> 
<option value="0">Select one</option> 
<option value="Omelet">Omelet</option> 
<option value="Canadian">Canadian Bacon</option>
 <option value="Muffin">Muffin</option>
 <option value="Steak">Steak</option> 
<option value="Cottage">Cottage Fries</option> 
<option value="Preserves">Preserves</option> 
</select>
<script>
function selectCheck(me,other) { var ind = me.selectedIndex; if (ind<1) { document.getElementById(other).selectedIndex = 0; } }
</script>