如何根据 html 中的选项/选择重定向用户(单击按钮后)
How to redirect a user based on option/select in html (After clicking a button)
我是新手,我对JS或CSS
一无所知如何根据所选选项将用户重定向到另一个页面(单击按钮后,而不是选择选项后)
例如,如果我选择Veg并单击"完成"按钮,我应该被带到VegMenu.html如果我选择Non-veg,我应该被带到NonVegMenu.html
我尝试这样做,但是当我选择我不想要的选项时,我被重定向到该页面。我想在按"完成"后被重定向
<input type="text" name="name"></input>
<br><br>
<select id="Opt">
<option>Veg</option>
<option>Non-Veg</option>
</select>
<br><br>
<input type="text" name="age"></input>
<br><br>
<button>Done</button>
使用简单的javascript:
var makePath = function(form) {
form.action = document.getElementById('Opt').value;
};
<form onsubmit='makePath(this);'>
<select id="Opt">
<option value='VegMenu.html' label='Veg' />
<option value='NonVegMenu.html' label='Non-Veg' />
</select>
<button>Done</button>
</form>
您可以使用与此类似的东西(未经测试)
<script>
function redirectMe() {
var selectedIndex = document.getElementById("Opt").selectedIndex;
var selectedText = document.getElementById("Opt").options[selectedIndex].text;
if (selectedText == "Veg") {
location.href = "VegMenu.html";
}
else {
location.href = "NonVegMenu.html";
}
}
</script>
<select id="Opt">
<option>Veg</option>
<option>Non-Veg</option>
</select>
<button onClick="redirectMe()">Done</button>
$('#but').click(function(e){
var food = $("#Opt").val();
if(food == 'Veg')
location.href = "www.abc.com/veg.html";
else if (food == "Non-Veg")
location.href = "www.abc.com/non-veg.html"
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Name:
<input type="text" name="name"></input>
<br>
<br>Food:
<select id="Opt">
<option value="Veg">Veg</option>
<option value="Non-Veg">Non-Veg</option>
</select>
<br>
<br>Age:
<input type="text" name="age"></input>
<br>
<br>
<button id="but">Done</button>
希望这有帮助。
input type="text" name="name"></input>
<br><br>
<select id="Opt">
<option>Veg</option>
<option>Non-Veg</option>
</select>
<br><br>
<input type="text" name="age"></input>
<br><br>
<button onclick="location.href=(document.getElementById('Opt').selectedIndex==1)?'1.html':'2.html';">Done</button>
相关文章:
- 对auth.logout的Facebook事件订阅仅选择性地将用户重定向到url
- 如何通过ajax调用将用户重定向到页面
- Iframe提交并将用户重定向回原始页面,但Iframe似乎仍然存在
- 将用户重定向到 Windows 8 中的桌面浏览器
- 记住所选内容并将用户重定向到已访问的子域
- 重定向“如果确认了电子邮件,则将用户重定向到登录页”
- 如何通过扩展在chrome中单击时将用户重定向到新链接
- 当应用程序没有安装时,如何将用户重定向到(android,ios)市场
- 按下浏览器后退按钮时将用户重定向到其他页面
- 使用javascript基于登录用户重定向URL链接
- 在用户允许 Facebook 应用后,将用户重定向到动态页面
- 将用户重定向到上一页
- 防止 iframe 中的恶意 Flash 广告将用户重定向到顶部位置
- 将用户重定向到存储在变量(Javascript)中的URL
- 如何在 Javascript 警报/会议框之后将用户重定向到新网页
- 如何在会话令牌过期时将用户重定向到登录页面
- 将移动用户重定向到应用程序下载一次
- 如何在express odeJS中从post请求中获取数据,并在提交后将用户重定向到html文件
- 如果未经身份验证,请将用户重定向到登录页
- 在React中,我如何将用户重定向回状态已更改的索引