根据选择选项更改表单操作?

时间:2011-07-11 00:07:29

标签: jquery

我的表格如下:

<form id="myformid" name="myformname" method="get" action="form1.php" onsubmit="return checkDependant()">
<fieldset>
<label>Food:</label>
<select name="Foods" size="1" class="search_input" id="selectid">
<option value="">Food Type</option>
<option value="Banana">Banana</option>
<option value="Apple">Apple</option>
<option value="Orange">Orange</option>
<option value="Pizza">Pizza</option>
</select>
</fieldset>
<input type="submit" name="searchname" id="searchid" value="" />
</form>

表单应始终由form1.php处理,除非选择“Orange”,否则表单应由form2.php处理。可以使用Javascript / JQuery完成吗?

2 个答案:

答案 0 :(得分:0)

这样的事情:

http://jsfiddle.net/EtbvE/

$("#myformid").submit(function(){
    if($("#selectid").val()==="Orange"){
        $(this).attr("action","form2.php");   
    }
});

答案 1 :(得分:0)

试试这个:

$("#selectid").bind('change',function(){
    var action =  ($(this).val()=="Orange") ? 'form2.php' : 'form1.php';
    $('#myformid').attr('action',action);        
});