php - 从下拉列表中获取默认值并显示表格

Question

我试图在我的index.php页面中显示一个HTML表格，其中包含在table.php页面中处理的用户注册数据。我正在将下拉列表中的值发送到服务器以处理数据。这些一切都对我有用。但我的问题是当我的索引页面加载时它不显示我的表格。如果我需要显示表格，我想从下拉列表中选择一个值。

所以有人告诉我如何为下拉列表(示例 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();
});