在选择变提交的Ajax表单

在选择变提交的Ajax表单

本文介绍了在选择变提交的Ajax表单的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我要选择更改提交表单。有形式我。

I need to submit form on selection change. There's form I have.

<form id="form" name="form" method="post" action="modules/submit.php">
<select name='category' id='category' size='12' onChange='this.form.submit();'>
<option value='1'>One</option>
<option value='2'>Two</option>
<option value='3'>Three</option>
</select>
<select name='subcategory' id='subcategory' size='12'>
</select>
</form>

记者:

$(document).ready(function(){
    $('#form').submit(function() {
        select();
        e.preventDefault();
    });

});


function select()
{
    error(0);

    $.ajax({
        type: "POST",
        url: "modules/submit.php",
        data: $('#form').serialize(),
        dataType: "json",
        success: function(msg){
            if(parseInt(msg.status)==1)
            {
                window.location=msg.txt;
            }
            else if(parseInt(msg.status)==0)
            {
                result(1,msg.txt);
            }
        }
    });

}

function result(act,txt)
{
    if(txt) $('#subcategory').html(txt);
}

submit.php:

submit.php:

if(isset($_POST['category'])){
die(msg(0,"<option value='0'>Trololo</option>"));
}
function msg($status,$txt)
{
    return '{"status":'.$status.',"txt":"'.$txt.'"}';
}

当我改变选择的形式提交,并重定向到submit.php文件。我需要得到结果子类别的选择。

When i change selection form is being submitted and redirects to submit.php file.I need to get results for subcategory selection.

推荐答案

试试这个:

$('#category').change(function() {

    $('#form').submit();

});

另外,你的code将无法完成prevent的默认操作表单提交,是因为你没有通过事件函数的参数

$('#form').submit(function(e) { //Note the e!!
    e.preventDefault();
    select();
});

这篇关于在选择变提交的Ajax表单的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

07-30 03:42