검색 필드를 지우지 않고 양식 데이터를 지우지 마십시오.

Question

Jquery를 사용하고 있습니다. 검색 값을 입력하기위한 입력 텍스트와 검색 문자열을 지우는 버튼이 있습니다.

검색 버튼을 클릭하면 입력란의 값을 지우고 검색 필드를 지울 때 문제가 발생하지만 양식 데이터가 지워지지 않고 브라우저 콘솔에서 입력 텍스트를 볼 수 있습니다. 검색 필드에 사용되었습니다.

다음 코드는 하나 문제가 해결되지 않았다 그러나

$('#myform').each(function(){ 
    this.reset(); 
}); 

를 사용하여 입력 텍스트에

$(':input','#myform') 
    .not(':button, :submit, :reset, :hidden') 
    .val('') 
    .removeAttr('checked') 
    .removeAttr('selected'); 

내가 시도를 값을 삭제하는 데 사용됩니다.

검색 단추 지우기를 클릭하면 입력 텍스트 필드와 양식 데이터를 지우는 방법은 무엇입니까?

양식 요소

<form id="myform"> 
<input id="desc">  
<a href="#" class="easyui-linkbutton" onclick="getSearch()">Filter</a> 
<a href="javascript:void(0)" class="easyui-linkbutton" 
onclick="removeFilter()">Clear</a> 
</form> 

편집 한

function getSearch(){ 
      $('#dg').datagrid('reload',{ 
       desc: $('#desc').val(), 
          search: 'true',         
          loadValues: 'false' 
      }); 
     } 

Answer 1

당신은 다음과 같은 것을 사용하여 필드와 형태로 정리할 수 있습니다

: 당신은 무엇을 의미합니까

function clearForm() { 
    // restore comboboxes to original value 
    $("form select").each(function(){ 
      var id = $(this).attr('id'); 
      $(this).val($("#"+id +" option:first").val()); 
      $(this).trigger("change"); 
    }); 

    // empty form fields 
    $("#myform").find(":input[type=text]").val(""); 
    $('.combo-value').each(function() { 
     $(this).val(""); 
    }); 
    $('#myform').find(':checked').each(function() { 
     $(this).removeAttr('checked'); 
    }); 
    // clear dateboxes - do not delete either line! 
    $('.easyui-datebox').each(function(){ 
      //just type something random to force the hidden field to update 
     $(this).datebox('setValue', 'dummy'); 
     $(this).datebox('setValue', ''); 
    }); 
}