Блог

У меня есть два варианта выбора :

 <select id="Living things">
<option>Choose Any</option>
<option>Animals</option>
<option>Plants</option>
</select>

<select id="Compare">
<option>Any</option>
<option>less</option>
<option>greater</option>
</select>
  

Рассмотрим первые варианты из обоих раскрывающихся списков по умолчанию. Теперь представьте, что я выбрал «Животные» из первого и «меньше» из второго. Теперь, если я изменю первое на «Растения», тогда второй список должен быть сброшен. то есть,

 <option>Any</option>
<option>less</option>
<option>greater</option>
  

Пожалуйста, помогите в этом.Спасибо.

 <select id="livingThings" onchange="reset();">
<option>Choose Any</option>
<option>Animals</option>
<option>Plants</option>
</select>

<select id="compare">
<option>Any</option>
<option>less</option>
<option>greater</option>
</select>
<script src="test.js"></script>

livingThings = document.getElementById('livingThings');
compare =document.getElementById('compare');

function reset(){
if (livingThings.selectedIndex != 0){
compare.selectedIndex = 0;
}
}
  

Вы можете добавить прослушиватель событий для первого элемента select, когда он изменяется, а затем сбросить значение второго элемента select до значения по умолчанию, обратите внимание, что идентификаторы не могут иметь пробелов, я добавил к нему тире

 document.querySelector("#Living-things").onchange = function() {
  let select = document.querySelector("#Compare");
  select.value = select.children[0].value;
}  

 <select id="Living-things">
  <option>Choose Any</option>
  <option>Animals</option>
  <option>Plants</option>
</select>

<select id="Compare">
  <option>Any</option>
  <option>less</option>
  <option>greater</option>
</select>