Jquery 根据2个选择值设置表单提交操作

Jquery 根据2个选择值设置表单提交操作,jquery,html,Jquery,Html,我有1张表格和2张选择表格。我需要更改表单提交操作url,这取决于两个select输入值的更改。表单应在单击按钮后提交。这是我的代码,我可以得到更改后的select输入的值,但我不知道如何使其按我所希望的方式工作,并使其短代码+正确 $(文档).ready(函数(){ $('#myform')。提交(函数(事件){ event.preventDefault(); var select1_val=$(“#select1”).val(); var select2_val=$(“#select2”)

我有1张表格和2张选择表格。我需要更改表单提交操作url,这取决于两个select输入值的更改。表单应在单击按钮后提交。这是我的代码,我可以得到更改后的select输入的值,但我不知道如何使其按我所希望的方式工作,并使其短代码+正确

$(文档).ready(函数(){
$('#myform')。提交(函数(事件){
event.preventDefault();
var select1_val=$(“#select1”).val();
var select2_val=$(“#select2”).val();
警报(选择1\u val+选择2\u val);
如果(选择“1-1”和“2-1”){
var url='example.html';
}else if(select1\u val=='1-2'&&select2\u val=='2-2'){
var url='example2.html';
}
$('#myform').attr('action',url);
});
});

选择
一点
2点
选择
一点
2点
搜索

我修复了我的代码。最好的方法是获取select inputes的值,并在Jquery代码写入条件
if
else if
中,获取URL后根据条件将其写入Jquery的
attr
。这是工作代码

$(文档).ready(函数(){
$('#myform')。提交(函数(事件){
var select1_val=$(“#select1”).val();
var select2_val=$(“#select2”).val();
如果(选择1_val==“”|选择2_val==“”){
event.preventDefault();
}否则{
//警报(选择1\u val+选择2\u val);
如果(选择“1-1”和“2-1”){
var url='example.html';
}else if(select1\u val=='1-2'&&select2\u val=='2-2'){
var url='example2.html';
}
//警报(url);
$('#myform').attr('action','/'+url);
}
});
});

选择
一点
2点
选择
一点
2点
搜索

不确定您想要什么样的验证,但我正在尝试基于2个验证开发basic

  • 如果其中任何一个是空的,什么也不要做
  • 如果两者都不是空的,则进行验证检查并相应地更改url
  • $(文档).ready(函数(){
    $('#select1')。on('change',function(){urlvalization()});
    $('#select2')。on('change',function(){urlvalization()});
    });
    函数urlvalization(){
    var val1=$('#select1').val();
    var val2=$('#select2').val();
    if(val1==“”| | val2==“”){
    //无所事事
    警惕(“什么也不做!”);
    }else if(val1!=“”&val2!=“”){
    如果(值1==“1-1”){
    //下一步验证检查select2值并应用URL
    如果(val2==“2-1”){
    $('#myForm').attr('action','1-1-2-1.html');
    }如果(val2==“2-2”){
    $('#myForm').attr('action','1-1-2-2.html');
    }
    }否则如果(val1==“1-2”){
    //下一步验证检查select2值并应用URL
    如果(val2==“2-1”){
    $('#myForm').attr('action','1-2-2-1.html');
    }如果(val2==“2-2”){
    $('#myForm').attr('action','1-2-2-2.html');
    }
    }
    }
    }
    
    选择
    一点
    2点
    选择
    一点
    2点
    搜索
    
    最好每次提交到同一个位置,然后根据传递的参数更改服务器上执行的逻辑。@Rorymcrossan感谢您的回复。我已经编辑了js代码,但仍然不起作用,但我想我是因为我给错了
    attr
    。我认为最好在表单提交中获取选择值,并使用
    if
    else if
    条件设置url。谢谢您的回答。我喜欢您对空select值的验证
    if(val1==“”| | val2==“”){//Do nothing alert(“Doing nothing!”;}
    ,我将在代码中使用它,但方式不同。