Javascript 如何基于从下拉菜单中选择的选项以HTML显示文本?
所以我一直想做的是有一个下拉菜单,里面有选项,并根据选择的选项显示一些文本 我得出的结论是使用HTML和JavaScript来完成,但我遇到了麻烦 对于HTML,我有以下内容-Javascript 如何基于从下拉菜单中选择的选项以HTML显示文本?,javascript,html,Javascript,Html,所以我一直想做的是有一个下拉菜单,里面有选项,并根据选择的选项显示一些文本 我得出的结论是使用HTML和JavaScript来完成,但我遇到了麻烦 对于HTML,我有以下内容- <select id="selectDay"> <option>Choose a Day</option> 选择一天 对于JavaScript,我有以下内容-` var select = document.getElementById("selectDay"); var res
<select id="selectDay">
<option>Choose a Day</option>
选择一天
对于JavaScript,我有以下内容-`
var select = document.getElementById("selectDay");
var response1 = ("Response if a Day between Monday through Friday is Selected");
var response2 = ("Response if Saturday or Sunday are selected");
var days = ["Sunday", "Monday", "Tuesday", "Wednesday" , "Thursday", "Friday", "Saturday"];
for(var i = 0; i < days.length; i++)
{
var opt = days[i];
var el = document.createElement("option");
el.textContent = opt;
el.value = opt;
select.appendChild(el);
}
var select=document.getElementById(“selectDay”);
var response1=(“如果选择了星期一到星期五之间的一天,则为响应”);
var response2=(“选择周六或周日时的响应”);
风险值天数=[“周日”、“周一”、“周二”、“周三”、“周四”、“周五”、“周六”];
对于(变量i=0;i
我主要是通过使用谷歌做到这一点的,但现在我被难倒了。我只是想这么做,这样我就可以说我完成了一个项目。我甚至不确定我是否做得正确。您需要创建一个侦听事件的函数,例如select的onChange事件
var dropDown=document.getElementById("selectDay");
dropDown.onchange=function (){
alert(dropDown.value);
}
然后在函数内部,即
alert()
语句所在的位置,您可以选择您的响应。您需要创建一个侦听事件的函数,例如select的onChange事件
var dropDown=document.getElementById("selectDay");
dropDown.onchange=function (){
alert(dropDown.value);
}
然后在函数中,在
alert()
语句所在的位置,您可以选择您的响应。我们需要在下拉列表中附加一个onchange
事件,该事件将获取下拉列表值,并在此基础上显示response1
或response2
。下面是一个示例代码:
var select=document.getElementById(“selectDay”);
var response1=(“如果选择了星期一到星期五之间的一天,则为响应”);
var response2=(“选择周六或周日时的响应”);
风险值天数=[“周日”、“周一”、“周二”、“周三”、“周四”、“周五”、“周六”];
对于(变量i=0;i
选择一天
我们需要在下拉列表中附加一个onchange
事件,该事件将获取下拉列表值,并在此基础上显示response1
或response2
。下面是一个示例代码:
var select=document.getElementById(“selectDay”);
var response1=(“如果选择了星期一到星期五之间的一天,则为响应”);
var response2=(“选择周六或周日时的响应”);
风险值天数=[“周日”、“周一”、“周二”、“周三”、“周四”、“周五”、“周六”];
对于(变量i=0;i
选择一天
在组合框中添加更改事件侦听器,在该更改事件中,您将能够获取所选值
$("#selectDay").change(function() {
alert(this.value);//depending upon selected Value choose action});
在组合框上添加更改事件侦听器,在该更改事件中,您将能够获取所选值
$("#selectDay").change(function() {
alert(this.value);//depending upon selected Value choose action});
(a=2;a
用于(a=2;我想,他是在寻找纯香草的解决方案,而不是使用JQuery。我想,他是在寻找纯香草的解决方案,而不是使用JQuery。这看起来正是我需要的答案。我想我应该用其他东西替换console.log以HTML显示响应?我使用了innerHTML并使其正常工作。非常感谢。这看起来像我需要的确切答案。我想我用其他东西替换console.log以HTML显示响应?我使用了innerHTML并使其正常工作。非常感谢。什么响应1和响应2?什么响应1和响应2?