我需要在按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的数据。