如何在javascript中获取select值？

下面是我的代码。我希望div在选中时显示，但是，当我按submit时，会显示单词

undefined

，而不是我希望的单词

当我使用

=

而不是

=

时，例如

如果（age=“蹒跚学步的孩子”）

，所有选择的选项都会出现一句

“带去野餐”

因此，我怀疑这是因为我没有正确读取值。我试过了

if (document.getElementsByTagName('option') == "toodlers")

而且它完全不起作用。我刚开始学习HTML、CSS和JS。我在谷歌上搜索了几个小时，但仍然无法修复

<form name="outing">
<select id="outing">
<option value="toddlers">Toddlers</option>
<option value="children">Children</option>
<option value="teenagers">Teenagers</option>
<option value="adults">Adults</option>
<option value="eldery">Elderly</option>
</select>
<input type="button" name="button" value="Go!" onClick="familyOuting();">
<input type="reset" value="Reset" onClick="window.location.reload()"/>
</form>

<script type="text/javascript">
    function familyOuting(){
        var age = document.getElementById("outing").selectedIndex;
        if(age=="toddlers"){
            var place = "Bring to picnic";
        }
        if(age=="children"){
            var place = "Bring to playground";
        }
        if(age=="teenagers"){
            var place = "Bring to swimming pool";
        }
        if(age=="adults"){
            var place = "Bring to dinner";
        }
        if(age=="elderly"){
            var place = "Bring to picnic";
        }
        document.getElementById("xxx").innerHTML=(place);
    }
</script>
<div id="xxx">

幼儿
儿童
青少年
成人
老年人
函数familyOuting（）{
var age=document.getElementById（“outing”）.selectedIndex；
if（年龄=“幼儿”）{
var place=“带去野餐”；
}
如果（年龄=“儿童”）{
var place=“带到操场”；
}
如果（年龄=“青少年”）{
var place=“带到游泳池”；
}
如果（年龄=“成年人”）{
var place=“带去吃饭”；
}
如果（年龄=“老年人”）{
var place=“带去野餐”；
}
document.getElementById（“xxx”）.innerHTML=（place）；
}

selectedIndex

只返回一个整数，因此它永远不会与字符串匹配

而是使用

值

var age = document.getElementById("outing").value;

此外，在比较中，使用

==

对字符串进行严格比较

if(age==="toddlers"){
    var place = "Bring to picnic";
}

苹果
橙色
菠萝
香蕉
var x=document.getElementById（“mySelect”）；
x、 选项[x.selectedIndex]。值

或选择带有selectedIndex的选项并获取其值。谢谢：D现在它工作正常。如果页面上有多个

select

元素，这将不起作用。@FelixKling你是对的。编辑它，这个应该可以：）

<select id="mySelect">
  <option value="apple">Apple</option>
  <option value="orange">Orange</option>
  <option value="pineapple">Pineapple</option>
  <option value="banana">Banana</option>
</select>

var x = document.getElementById("mySelect");
x.options[x.selectedIndex].value