输入后在搜索栏中保留文字

时间:2018-05-08 16:30:12

标签: javascript jquery twitter-bootstrap

我需要在按Enter键并显示结果后,在文本框中保留搜索到的文本。 这是表单的HTML和JS。

<form id="form">
                    <div class="col-md-10" id="search_container">
                        <input id="texto" type="text" name="query" class="input form-control" placeholder="Filtrar...">
                    </div>
                    <div class="col-md-1" id="hide_container">
                        <div class="checkbox">
                          <label><input id="hide_ended" name="onlyActive" type="checkbox" value="false">{% trans "Ocultar terminados" %}</label>
                        </div>
                    </div>
                    <div class="col-md-1" id="group_container">
                        <div class="checkbox">
                          <label><input id="group_by" name="showType" type="checkbox" value="false">{% trans "Agrupar según Tipo" %}</label>
                        </div>
                    </div>
                </form>

序列化表单的函数是:

function prepare_request() {
        url_args = "?"

        var query_str = $('#texto').val();

        if (query_str != undefined && query_str != ""){
            url_args += $('#texto').serialize();
        }

        if($('#hide_ended').is(":checked")){
            $('#hide_ended').attr('value',"true");
            url_args += $('#hide_ended').serialize();
        }

        update_list();
    }

update_list()函数:

function update_list()
    {
        if (is_participants_active)
        {
            var getUrl = "{{ participants_api_url }}" + url_args;
            $.get(getUrl, function(data){
                var Data = data;
                var types=[];
                var i;
                var meetingData = Data.meeting;
                var Data = Data.participants;
                Data.sort(function(a, b){
                    if(a.name > b.name){
                        return 1;
                    }
                    if (a.name < b.name){
                        return -1;
                    }
                    return 0;
                });

update_list()继续,它很长,它只使用来自json的数据。

0 个答案:

没有答案