드롭 다운에서 기본값 가져 오기 및 테이블 표시

Question

table.php 페이지에서 처리되는 사용자 등록 데이터를 사용하여 index.php 페이지에 HTML 테이블을 표시하려고합니다. 데이터 처리를 위해 서버에 드롭 다운에서 값을 전송합니다. 이 모든 것이 나를 위해 일하고있다. 하지만 내 문제는 내 인덱스 페이지를로드 할 때 내 테이블을 표시하지 않는 것입니다. 표를 표시해야하는 경우 드롭 다운에서 값을 선택하고 싶습니다.

아무도 말해줘서 페이지가 항상로드 될 때 테이블을 표시하는 드롭 다운 (예 : 05)의 기본값을 만들 수 있습니다.

이 내 JQuery와 있습니다 :

$('#filter-value').change(function(){ 
    var filterValue = $(this).val(); 
    //console.log(filterValue); 

    $.ajax({ 
     type: 'post', 
     url: 'table.php', 
     dataType: 'html', 
     data: {filter: filterValue}, 
     success:function(data){ 
      $('#response').html(data); 
      //alert(data); 
     }, 
     error:function (xhr, ajaxOptions, thrownError){ 
      //On error, we alert user 
      alert(thrownError); 
     }, 
     complete: function(){ 
      //alert('update success'); 
     } 
    }); 
}); 

이 HTML

<div id="manage_user"> 
    <form action="" method=""> 
     <div id="response"></div> 
     <button id="FormSubmit">Add New User</button> 
    </form> 
</div> 

<br /> 
<div style="margin: 0 20px 20px;"> 
    <form method="post" action=""> 
     <select id="filter-value" name="filter"> 
      <option value="5">5</option> 
      <option value="10">10</option> 
      <option value="20">20</option> 
      <option value="30">30</option>    
     </select> 
    </form> 
</div> 

당신을 감사합니다.

Answer 1

코드를 다시 작성하지 않고이를 수행하는 가장 쉬운 방법은 드롭 다운 값을 변경 한 다음 변경 이벤트를 트리거하여 DOM 준비가되었을 때 기존 이벤트 처리기가 호출되도록하는 것입니다. 같은 뭔가 :

$(document).ready(function() { 
    $('#filter-value').val(5).change(); 
});