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

在不重写代码的情况下执行此操作的最简单方法是更改下拉列表的值，然后触发change事件，以便在DOM准备好时调用现有的事件处理程序。类似的东西：

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

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

1 个答案: