添加提交按钮到jquery搜索表单

Add submit button to jquery search form

本文关键字：搜索 搜索表 表单 jquery 提交 按钮 添加      更新时间：2023-09-26

我试图在flexigrid中添加一个提交和一个清除按钮到快速搜索表单。目前，当用户搜索时，他们已经按下了回车键(13)。与此相结合，我还想要搜索和清除按钮。我知道我以前这样做过，但在恢复后找不到代码。多谢

//add search button
if (p.searchitems) {
    $('.pDiv2', g.pDiv).prepend("<div class='pGroup'> <div class='pSearch pButton'><span></span></div> </div>  <div class='btnseparator'></div>");
    $('.pSearch', g.pDiv).click(function () {
        $(g.sDiv).slideToggle('fast', function () {
            $('.sDiv:visible input:first', g.gDiv).trigger('focus');
        });
    });
    //add search box
    g.sDiv.className = 'sDiv';
    var sitems = p.searchitems;
    var sopt = '', sel = '';
    for (var s = 0; s < sitems.length; s++) {
        if (p.qtype == '' && sitems[s].isdefault == true) {
            p.qtype = sitems[s].name;
            sel = 'selected="selected"';
        } else {
            sel = '';
        }
        sopt += "<option value='" + sitems[s].name + "' " + sel + " >" + sitems[s].display + "&nbsp;&nbsp;</option>";
    }
    if (p.qtype == '') {
        p.qtype = sitems[0].name;
    }
    $(g.sDiv).append("<div class='sDiv2'>" + p.findtext + 
            " <input type='text' value='" + p.query +"' size='30' name='q' class='qsbox' /> "+
            " <select name='qtype'>" + sopt + "</select></div>");
    //Split into separate selectors because of bug in jQuery 1.3.2
    $('input[name=q]', g.sDiv).keydown(function (e) {
        if (e.keyCode == 13) {
            g.doSearch();
        }
    });
    $('select[name=qtype]', g.sDiv).keydown(function (e) {
        if (e.keyCode == 13) {
            g.doSearch();
        }
    });
    $('input[value=Clear]', g.sDiv).click(function () {
        $('input[name=q]', g.sDiv).val('');
        p.query = '';
        g.doSearch();
    });
    $(g.bDiv).after(g.sDiv);
}

你可以试试这样简单的东西:

$('.sDiv2').append("<input type='submit' value='submit' name='submit' /><input type='reset' value='reset' name='reset' />");

设置侦听器后，输入

相关文章：