Javascript “需要帮助”按钮从下拉列表中获取重定向输入
你好:我想做一些相对简单的事情,但我在摸索着想办法解决这个问题,结果一无所获。基本上我想要的是:Javascript “需要帮助”按钮从下拉列表中获取重定向输入,javascript,Javascript,你好:我想做一些相对简单的事情,但我在摸索着想办法解决这个问题,结果一无所获。基本上我想要的是: 在带有几个选项的页面上有一个下拉列表,下拉列表下方有一个提交按钮 如果您在下拉列表中选择不同的项目,它基本上会根据您选择的内容将您重定向到不同的位置…尝试使用javascript执行此操作 我用“点击”和“按id获取元素”等多种方法尝试了这一点,但无法使任何东西正常工作 我最近的一次尝试是在下拉列表中使用“on change”;但这也没用 这是我的密码: <form> <selec
<form>
<select id="user1" name="user1" onchange="gfunction1(this)">
<option value=""></option>
<option value="coach_input">Submit a Score</option>
<option value="team_pages">Get Team Information</option>
</select>
<div style="text-align: center;">
<button onclick="gfunction2()">Submit</button>
</div>
</form>
<script>
var gc_user2;
function g_function1(sel) {
var value = sel.value;
gc_user2 = value;
}
function gfunction2() {
if (gc_user2 === "coach_input")
{
window.location=”http://blastr.com”;
}
else if (gc_user2 === "team_pages")
{
window.location=”http://google.com”;
}
</script>
评分
获取团队信息
提交
var gc_user2;
功能g_功能1(sel){
var值=选择值;
gc_user2=值;
}
函数gfunction2(){
如果(gc_user2==“coach_输入”)
{
window.location=”http://blastr.com”;
}
else if(gc_user2==“团队页面”)
{
window.location=”http://google.com”;
}
我想知道是否有人能帮上忙
谢谢…我将使用jquery来完成此任务,并使用此事件:(未经测试,但您已经明白了)
您可以尝试此方法。它使用document.getElementById工作。它只需根据您选择的更改表单的操作属性,即发送表单输入的
<html>
<head>
<title>Redirect Sample</title>
<script>
function g_function1() {
var dropdown1 = document.getElementById("user1");
if (dropdown1.selectedIndex === 1) {
document.getElementById("frm").action="http://blastr.com";
}
else if (dropdown1.selectedIndex === 2) {
document.getElementById("frm").action="http://google.com";
}
}
</script>
</head>
<body>
<form action="" id="frm" method="get">
<select id="user1" name="user1" onchange="g_function1()">
<option value=""></option>
<option value="coach_input">Submit a Score</option>
<option value="team_pages">Get Team Information</option>
</select>
<div style="text-align: center;">
<button>Submit</button>
</div>
</form>
</body>
</html>
重定向样本
函数g_函数1(){
var dropdown1=document.getElementById(“user1”);
如果(dropdown1.selectedIndex==1){
document.getElementById(“frm”).action=”http://blastr.com";
}
else if(dropdown1.selectedIndex==2){
document.getElementById(“frm”).action=”http://google.com";
}
}
评分
获取团队信息
提交
select标记上的onChange事件调用函数g_function1()。
它根据所选选项的索引更改“操作”属性
<html>
<head>
<title>Redirect Sample</title>
<script>
function g_function1() {
var dropdown1 = document.getElementById("user1");
if (dropdown1.selectedIndex === 1) {
document.getElementById("frm").action="http://blastr.com";
}
else if (dropdown1.selectedIndex === 2) {
document.getElementById("frm").action="http://google.com";
}
}
</script>
</head>
<body>
<form action="" id="frm" method="get">
<select id="user1" name="user1" onchange="g_function1()">
<option value=""></option>
<option value="coach_input">Submit a Score</option>
<option value="team_pages">Get Team Information</option>
</select>
<div style="text-align: center;">
<button>Submit</button>
</div>
</form>
</body>
</html>