根据选择的下拉菜单输出浏览器文本
Outputting browser text depending on dropdown selected
<script type="text/javascript">
Running = "For beginner to professional marathon runners";
Paragliding = "For all those interested in the extreme sport of paragliding";
Swimming = "For all levels of swimming enthusiasts";
function dropdownTip(value){
document.getElementById("result").innerHTML = value;
}</script>
我试图根据用户选择的类别从变量输出文本。我如何改变"值"是一个变量字符串命名,而不是?还是有更好的方法?
<form action="submit.php" method="post">
<select onChange="dropdownTip(this.value)" select name="input">
<option value="Athletics:">Athletics:</option>
<option value="Running">Running</option>
<option value="Paragliding">Paragliding</option>
<option value="Swimming">Swimming</option>
</select>
<input type="Submit" value="Next">
</form>
<!-- Text output here !-->
<div id="result"></div>
见解感激。
如果我们认为HTML标记是固定的,那么JavaScript代码需要将字符串(如" Running ")映射到其他字符串(如" For beginners to professional marathon runners")。最好使用将第一类字符串作为属性,将第二类字符串作为属性值的对象:
var explanation = {
Athletics: "For atheletes",
Running: "For beginner to professional marathon runners",
Paragliding: "For all those interested in the extreme sport of paragliding",
Swimming: "For all levels of swimming enthusiasts"
}
function dropdownTip(value){
document.getElementById("result").innerHTML = explanation[value];
}
相关文章:
- 如何在java中获得浏览器的java脚本控制台输出
- 节点JS express和控制台输出到命令行与浏览器
- 将图像输出到浏览器,然后再将其保存到文件夹
- 创建视频播放器(Quicktime浏览器插件)React元素,输出缺少的视频属性
- Sublime Text 3-can't将javascript输出到浏览器
- PHP,X-SendFile:将文件与输出文本一起发送到浏览器(通过echo)
- PHP:在web浏览器中输出system/Shell_exec命令输出
- canvas2d到DataURL()在不同的浏览器上有不同的输出
- 我将如何完成此脚本,该脚本将用户输入乘以 100,然后在浏览器中将其输出到控制台
- 浏览器化 – 避免输出绝对路径
- 在浏览器窗口中高效滚动管道输出
- Browserify输出代码没有't在浏览器中执行
- php ob_flush:我如何使浏览器窗口/页面滚动输出
- JSON输出的
(转义)无法正确解释浏览器 - Javascript将浏览器视口大小输出到body CSS中
- 浏览器收到Websocket输出,报头值“无效的UTF-8序列”
- 可以webpack为浏览器和节点输出单独的脚本和模块文件
- 网页浏览器输出错误
- 根据选择的下拉菜单输出浏览器文本
- 如何解释输出-浏览器日志?下面代码中的确切错误原因是什么?我用的是旧的angular.min.js吗?