[英]How do I make a text box appear after selecting an option from a drop-down menu in SuiteScript?
[英]How do I display Text in HTML based on an option selected from a Drop-Down Menu?
因此,我一直试图做的是有一个带选项的下拉菜单,并根据选择的选项显示一些文本。
我得出了使用HTML和JavaScript做到这一点的结论,但是我遇到了麻烦。
对于HTML,我有这个-
<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);
}
我主要通过使用Google达到了这一目标,但现在我很困惑。 我只是想这样做,所以我可以说我完成了一个项目。 我什至不确定我是否做得正确。
您将需要创建一个侦听事件的函数-例如select的onChange事件。
var dropDown=document.getElementById("selectDay");
dropDown.onchange=function (){
alert(dropDown.value);
}
然后在该函数的alert()
语句所在的位置,您可以选择响应。
我们需要在下拉列表上附加一个onchange
事件,该事件将获取下拉列表值,并基于该事件显示response1
或response2
。 下面是一个示例代码:
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); } function getResponse(eleme) { var e = document.getElementById("selectDay"); var strUser = e.options[e.selectedIndex].value; if (strUser == 'Saturday' || strUser == 'Sunday') { console.log(response2) } else { console.log(response1); } }
<select id="selectDay" onchange=getResponse()> <option>Choose a Day</option> </select>
在组合框上添加更改事件侦听器,并在该更改事件内部,您将能够获取所选值
$("#selectDay").change(function() {
alert(this.value);//depending upon selected Value choose action});
for(a=2;a<7;a++)menu.querySelectorAll('option')[a].onclick=function(){ alert('Response if a Day between Monday through Friday is Selected')}; snd.onclick=strd.onclick=function(){ confirm('Response if Saturday or Sunday are selected')}
<select id="menu"> <option>Choose a Day</option> <option id="snd">Sunday</option> <option>Monday</option> <option>Tuesday</option> <option>Wednesday</option> <option>Thursday</option> <option>Friday</option> <option id="strd">Saturday</option> </select>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.