如何在javascript中获取select值
How to get select value in javascript?
下面是我的代码。我希望div在选中时显示,但是,当我按下submit时,会显示单词undefined
,而不是我希望的单词。
当我使用=
而不是==
时,例如if(age="toddlers")
,对于所有选择的选项,都会出现句子"Bring to picnic"
。
因此,我怀疑这是因为我没有正确读取值。我试过
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">
selectedIndex
只返回一个整数,因此它永远不会与您的字符串匹配
请改用value
。。。
var age = document.getElementById("outing").value;
此外,在比较中,请使用===
对字符串进行严格比较。。
if(age==="toddlers"){
var place = "Bring to picnic";
}
<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
相关文章:
- 如何在PHP中使用$_POST获取Select元素值
- 正在获取select上的功能id
- 使用JQuery获取select标记的innerHTML的值
- AngularJS 获取 select 标记的值
- 在javascript中获取select中的选项值
- 使用VueJs获取Select选项文本
- 如何使用 javascript 获取 Select 的显示值
- 如何获取select的自定义属性's选项
- 正在尝试获取select标记中选项的值
- 获取select's选项值在CKEDITOR's插件
- 如何在extjs树中获取select节点的索引
- 使用javascript获取SELECT元素的值
- 用于获取select选项值的javascript代码
- 从js数组中获取select选项和值的最佳方式是什么
- 如何在javascript中获取select值
- 如何获取select jquery对象的选定选项的文本值
- 为使用JS邮件处理程序的电子邮件获取Select中Option的值
- 即使我按下退格键/删除键,仍保持该功能处于活动状态.以及在加载页面时获取select的值
- 获取Select Multiple Jquery中Disabled Option的值
- PHP获取select表单的选定值