基于单选/选择选项重定向
Redirect based on radio/select options
作为javascript的新手,我太过分了。但我正在尝试:P
基本上,我需要做的是根据下面表格中选择的选项重定向到URL。总共将有4张支票。
- 如果选择了 Windows 和高级,请重定向至 A
- 如果选择了 Windows 和 Basic,请重定向至 B
- 如果选择了 Mac 和 Basic,请重定向至 C
- 如果选择了 Linux 和 Basic,请重定向至 D
但是,我不太确定如何能够获取每个单选按钮的特定名称并选择选项,更不用说查看它们是否被选中,并进行上面列出的检查。
如果有人能指出我正确的方向,将不胜感激。谢谢。
<form action="process_form.php" class="TTWForm" method="post" novalidate="">
<div id="field3-container" class="field f_100">
<label for="field3">Your Operating System</label>
<select name="field3" id="field3" required="required">
<option id="field3-1" value="Windows"> Windows </option>
<option id="field3-2" value="Mac"> Mac </option>
<option id="field3-3" value="Linux"> Linux </option>
</select>
</div>
<div id="field2-container" class="field f_100 checkbox-group required">
<label for="field2-1">Version</label>
<div class="option clearfix">
<input type="radio" name="field2[]" id="field2-1" value="Basic">
<span class="option-title"> Basic </span> <br>
</div>
<div class="option clearfix" id="optional">
<input type="radio" name="field2[]" id="field2-2" value="Advanced">
<span class="option-title"> Advanced </span> <br>
</div>
</div>
</form>
我会添加一个按钮,并在提交表单时做一些事情:
$(".TTWForm").on('submit', function(e) {
e.preventDefault();
var field2 = $("#field2-1").is(':checked') ? 'Basic' : $("#field2-2").is(':checked') ? 'Advanced' : null,
field3 = $("#field3").val();
if (!field2) {
alert('Select a version!');
return;
}
var url = 'http://mysite.com/' + field2 + '/' + field3 + '/';
document.location.href = url;
});
小提琴
相关文章:
- 根据select选项元素将表单重定向到不同的URL
- 如何根据所选选项值重定向表单操作
- 如何重定向当前选项卡'Chrome扩展中的url
- 如何在新选项卡中打开链接以及在当前选项卡中重定向
- 对添加另一个选项卡的onsubmit函数停止重定向
- 在Jquery easyui中,多个选项卡提交按钮点击事件正在重定向到主页(第一个)选项卡
- 当用户在选择框中选择选项时,使用window.location.href重定向用户只会更改导航器中URL的最后一位
- 基于单选/选择选项重定向
- 根据选择选项元素将表单重定向到不同的URL,并在电子邮件中获取表单详细信息
- 重定向后选择选项
- Chrome扩展-重定向当前选项卡后重新运行扩展脚本
- 选择选项“重定向获取值”和“在重定向页面上显示”
- 单击外部链接后重定向,只打开一个选项卡/窗口
- Javascript表单提交打开新窗口选项卡,然后重定向父页面
- 页面重定向后,使用选定的选项文本更新下拉菜单文本
- 如何根据 html 中的选项/选择重定向用户(单击按钮后)
- 如何调整此代码,以便它将在新选项卡/窗口中打开重定向
- 最好有一个动态页面还是多个页面根据下拉选项重定向
- 根据单选按钮到'的选定选项重定向到页面;onclick',没有'提交'php中的表单
- 如何通过下拉选项重定向到提交时同一php文件中的不同动作