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