Question

我正在尝试为此分页/过滤脚本添加新功能，但到目前为止，没有成功。我想要的是，当您更改页面时，您从右上角选择的过滤器选择（带有“ Ordonare dupa ... ”的过滤器）以保持拾取而不是切换回第一个选项。 / p>

这是我的网站 - http://www.wheelsmarket.ro/cautare/jante/1

要分页/过滤我使用此功能：

$(document).ready(function()
{
    $('.sortare').on('change', function(){
    $.ajax({
        url: '/filtrare-jante.php',
        type: 'POST',
        data: {'selected' : $(this).val(), 'pagina_id' : <?php echo $_GET['pagina'];?>},
        success: function(data){
            console.log(data); // do something with what is returned
            $('#myTest').html(data);
            $('#queryInitial').html('null');
        }
    });
});

所有查询都在#myTest div中生成，当您更改选择时，myTest div会在不重新加载的情况下进行更改。问题是选择框不在#myTest div中，所以我怀疑我可以利用我的功能。例如：

<select class="sortare select" >
    <option value="1">cele mai noi</option>
    <option value="2">cele mai ieftine</option>
    <option value="3">cele mai scumpe</option>
</select>
<div id="myTest">
code
</div>

Answer 1

如果我理解正确，你需要这样的东西：

1）为您的选项添加ID：

<select class="sortare select" >
    <option id="sel1" value="1">cele mai noi</option>
    <option id="sel2" value="2">cele mai ieftine</option>
    <option id="sel3" value="3">cele mai scumpe</option>
</select>
<div id="myTest">
code
</div>

并将at at（（）更改为在jquery中选择：

$(document).ready(function()
{
    $('.sortare').on('change', function(){
    selValue = $(this).val(); //---> Store this value in a variable.
    $.ajax({
        url: '/filtrare-jante.php',
        type: 'POST',
        data: {'selected' : $(this).val(), 'pagina_id' : <?php echo $_GET['pagina'];?>},
        success: function(data){
            console.log(data); // do something with what is returned
            $('#myTest').html(data);
            $('#queryInitial').html('null');
            $('#sel'+selValue).attr("selected","selected"); //---> Use the variable we created to determine which option should be set to selected dynamically
        }
    });
});

在分页时保留过滤选项

1 个答案: