Javascript 基于下拉选择更改表单目标
我希望每个下拉选项都有一个“_blank”的目标,选项4除外。如何根据表单中选择的选项切换目标Javascript 基于下拉选择更改表单目标,javascript,jquery,forms,target,Javascript,Jquery,Forms,Target,我希望每个下拉选项都有一个“_blank”的目标,选项4除外。如何根据表单中选择的选项切换目标 <form action="mypage.php" method="post" target="_blank" /> <input type="hidden" name="turnaround" value="20"> <table> <tr> <td>Platform</td> &
<form action="mypage.php" method="post" target="_blank" />
<input type="hidden" name="turnaround" value="20">
<table>
<tr>
<td>Platform</td>
<td>
<select required id="cu" name="plat" style="min-width: 120px;">
<option value="1">1</option>
<option value="2">2 (Desktop Only)</option>
<option value="3">3 (Mobile Only)</option>
<option value="4">4 (Wildcard)</option>
<option value="5">Catch-All</option>
</select>
</td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
</table>
<div><input type="submit" value="Select Platform" /></div>
</form>
站台
1.
2(仅限于桌面)
3(仅限移动电话)
4(通配符)
一网打尽
为您的表单提供一个id:
<form action="mypage.php" id="myForm" method="post" target="_blank" />
<input type="hidden" name="turnaround" value="20">
<table>
<tr>
<td>Platform</td>
<td>
<select required id="cu" name="plat" style="min-width: 120px;">
<option value="1">1</option>
<option value="2">2 (Desktop Only)</option>
<option value="3">3 (Mobile Only)</option>
<option value="4">4 (Wildcard)</option>
<option value="5">Catch-All</option>
</select>
</td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
</table>
未经测试,但应能正常工作。可能是您想给类或id以提交按钮
$('input[type=submit]').click(function(e){
if($('#cu').val() == '4'){
$(this).closest('form').prop('target','');
}
});
检查这个
js:
有什么原因不能硬编码吗?此外,可能会有所帮助。此外,您的代码中有拼写错误,在起始表单标记的末尾有
/
。
$('input[type=submit]').click(function(e){
if($('#cu').val() == '4'){
$(this).closest('form').prop('target','');
}
});
$("#cu").on("change",function(){
var a = $(this).val();
if(a == "4"){
$("#formId").removeAttr("target")
}else{
$("#formId").attr("target","_blank")
}
})