表格提交下拉更改事件Jquery

时间:2014-01-29 09:39:19

标签: jquery forms

我有一个这样的表格

<form method="get" id="searchform" name="search-page">

    <div class="rowElem">
        <input type="checkbox" name="category" id="" value="Appliances"  />
        <label>Appliances</label>
    </div>
    <div class="rowElem">
        <input type="checkbox" name="category" id="" value="Electronics and Computers"  />
        <label>Electronics and Computers</label>
    </div>
    <input type="submit" class="btn btn-primary sear htnew" name="analyse" value="Analyse" id="analyseSubmit" />

    <select name="chartType" id="chartName">
        <option value="1333" selected>Product Year</option>
        <option value="1334" >Category Year</option>
        <option value="1335" >Material Year</option>


    </select>

</form>

我需要在更改下拉列表时提交表单。

我试过像

这样的东西
$(function () {
        $("#chartName").change(function (e) {
            $('#searchform').submit();
        });

});

但它没有提交.can任何一个帮助。谢谢。

2 个答案:

答案 0 :(得分:3)

您在表单选择器前面缺少$,因此在字符串上调用submit方法会导致错误

$(function () {
    $("#chartName").change(function (e) {
        //missing $ here
        $('#searchform').submit();
    });
});

答案 1 :(得分:0)

你错过了一个&#34;动作&#34;在您的表单上提交。我假设你对表单有某种处理方式,所以你需要这样的东西:

<form method="get" id="searchform" name="search-page" action="/go/to/success.html">