При использовании JavaScript, как вы используете форму выбора, чтобы сделать, если еще заявления?

Question

Как взять значение параметра в форме выбора и использовать его для оператора if else?

Например, если в качестве опции выбрано яблоко, напишите в документ, как приготовить яблочное пюре, новыделен оранжевый, затем напишите, как сделать оранжевый?

пока у меня есть базовая форма и варианты выбора, и я знаю, как сделать document.write, но я не знаю, как использовать форму выбора с if else

спасибо за помощь

Answer 1

Во-первых, убедитесь, что на вашем <select> есть id, позволяющий ссылаться на него из Javascript:

<select id="fruits">...</select>

Теперь вы можете использовать поля options и selectedIndex в представлении Javascript вашего <select> для доступа к текущему выбранному значению:

var fruits = document.getElementById("fruits");
var selection = fruits.options[fruits.selectedIndex].value;

if (selection == "apple") {
    alert("APPLE!!!");
}

Answer 2

Или вы можете сделать это.

var fruitSelection = document.formName.optionName; /* if select has been given an name AND a form have been given a name */
/* or */ 
var fruitSelection = document.getElementById("fruitOption"); /* If <select> has been given an id */

var selectedFruit = fruitSelection.options[fruitSelection.selectedIndex].value;

if (selectedFruit == "Apple") {
  document.write("This is how to make apple sauce....<br />...");
} else {

}

// HTML

<!-- For the 1st option mentioned above -->

<form name="formName">
  <select name="optionName> <!-- OR -->
  <select id="optionName">
    <option value="Apple">Apple</option>
    <option value="Pear">Pear</option>
    <option value="Peach">Peach</option>
  </select>
</form>

Answer 3

var select = document.getElementById('myList');
if (select.value === 'apple') {
  /* Applesauce */
} else if (select.value === 'orange') {
  /* Orange */
}

Answer 4

Ваша HTML-разметка

<select id="Dropdown" >
    <option value="Apple">Apple</option>
    <option value="Orange">Orange</option>
</select>

Ваша логика JavaScript

if(document.getElementById('Dropdown').options[document.getElementById('Dropdown').selectedIndex].value == "Apple") {
//write applesauce
}
else {
//everything else
}