Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 基于下拉选择更改表单目标_Javascript_Jquery_Forms_Target - Fatal编程技术网

Javascript 基于下拉选择更改表单目标

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> &

我希望每个下拉选项都有一个“_blank”的目标,选项4除外。如何根据表单中选择的选项切换目标

    <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">&nbsp;</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">&nbsp;</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")
    }

})