Question

如何在选择表单中获取选项的值并将其用于if else语句？

例如，如果选择苹果作为选项，那么写入文件如何制作苹果酱但是选择橙色然后写下如何制作橙色？

到目前为止，我有一个基本的表单和选择选项，我知道如何做document.write但我不知道如何使用if else的选择表单

感谢您的帮助

Answer 1

首先，确保id上有<select>，允许您通过Javascript引用它：

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

现在，您可以使用options的Javascript表示上的selectedIndex和<select>字段来访问当前选定的值：

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

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

Answer 2

您的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
}

Answer 3

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

Answer 4

或者你也可以这样做。

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>

当使用javascript时如何使用select form来执行else语句？

4 个答案: