根据单选按钮的选定选项，通过“ onclick”重定向到页面，而无需在php中“提交”表单
[英]Redirect to a page according to selected option from radio button through 'onclick' , without 'submit' the form in php
问题描述
这是无法按照我的要求工作的代码
<head>
<script type="text/javascript">
function test(){
if(document.form.choice.value='pc'){
window.open('pc.php','_self');
return true;
}
else if(document.form.choice.value='ps2'){
window.open('ps2.php','_self');
return true;
}
else if(document.form.choice.value='ps3'){
window.open('ps3.php','_self');
return true;
}
else if(document.form.choice.value='psp'){
window.open('psp.php','_self');
return true;
}
}
</script>
</head>
<body>
Games<br /><br />
<form name="form">ALL
<input type="radio" onClick="test()" name="choice" value="pc">PC
<input type="radio" onClick="test()" name="choice" value="ps2">PS2
<input type="radio" onClick="test()" name="choice" value="ps3">PS3
<input type="radio" onClick="test()" name="choice" value="psp">PSP
</form>
</body>
我也想知道如何仅通过在下拉列表中选择所选字段而无需“提交”来自动显示字段
<select name="genre">
<option value="">--Select Genre and Click Go--</option>
<option value="All">All</option>
<option value="Action / Mission">Action / Mission</option>
<option value="Arcade">Arcade</option>
<option value="Racing">Racing</option>
<option value="Sports">Sports</option>
<option value="Kids">Kids</option>
<option value="Strategy">Strategy</option>
<option value="Adventure">Adventure</option>
</select>
2 个解决方案
解决方案1
1 已采纳 2014-09-13 15:05:29
尝试这个...
编辑：
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script>
<script type="text/javascript">
function idForm(){
var selectvalue = $('input[name=choice]:checked', '#idForm').val();
if(selectvalue == "pc"){
window.open('http://www.google.com','_self');
return true;
}
else if(selectvalue == "ps2"){
window.open('http://www.google.com','_self');
return true;
}else if(selectvalue == 'ps3'){
window.open('http://www.google.com','_self');
return true;
}else if(selectvalue == 'psp'){
window.open('http://www.google.com','_self');
return true;
}
return false;
};
</script>
</head>
<body>
Games<br /><br />
<form id="idForm">ALL
<input type="radio" onclick="idForm()" name="choice" value="pc"/>PC
<input type="radio" onclick="idForm()" name="choice" value="ps2"/>PS2
<input type="radio" onclick="idForm()" name="choice" value="ps3"/>PS3
<input type="radio" onclick="idForm()" name="choice" value="psp"/>PSP
</form>
</body>
jsfiddle 链接
解决方案2
0 2014-09-13 14:48:18
您可以通过在<select>标记中添加onchange事件来获取选项的值。
<select name="genre" onchange="selectOption()">
<option value="">--Select Genre and Click Go--</option>
<option value="All">All</option>
<option value="Action / Mission">Action / Mission</option>
<option value="Arcade">Arcade</option>
<option value="Racing">Racing</option>
<option value="Sports">Sports</option>
<option value="Kids">Kids</option>
<option value="Strategy">Strategy</option>
<option value="Adventure">Adventure</option>
</select>
在您的脚本中添加此
function selectOption(){
//each option value
var option=document.form.genre.value;
alert(option);
}
对于重定向，您可以在test()方法中使用window.location ，请使用此window.location=yourpage.php而不是此window.open('pc.php','_self')
将单选按钮设置为onclick两个目标（提交表单和重定向）
[英]Set radio button onclick two destinations (submit form and redirect)
每个单选按钮都会通过“ onclick”而不是“ submit”自动重定向到不同选择的不同页面
[英]Each radio button automatically redirect to the different pages on different selections through 'onclick' and not from 'submit'
如何在没有提交按钮的情况下使用单选按钮重定向到下一页？
[英]how to redirect to next page with radio button without submit button?
如何通过锚标记提交表单，以便同时选择单选按钮？
[英]how to submit a form through anchor tag such that radio button is also selected?
从下拉列表中将选定的值分配给PHP变量onchange，而无需按html表单中的“提交”按钮？
[英]Assigning a selected value from a dropdown list to a php variable onchange, without pressing submit button in a html form?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.