0

我试图在我的 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>

谢谢你。

4

1 回答 1

2

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

$(document).ready(function() {
    $('#filter-value').val(5).change();
});
于 2013-06-30T02:49:33.260 回答