Javascript 分页时保留筛选选项

我正在尝试向这个分页/筛选脚本添加一个新功能，但到目前为止，没有成功。我希望，当您更改页面时，您从右上角选择的过滤器（带有“Ordonare dupa…）保持选中状态，而不是切换回第一个选项

这是我的网站-

要分页/筛选，我使用了此功能：

$(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');
        }
    });
});

$（文档）.ready（函数（）
{
$（'.sortare'）。on（'change'，function（）{
$.ajax({
url:“/filtjante.php”，
键入：“POST”，
数据：{'selected'：$（this.val（），'pagina_id'：}，
成功：功能（数据）{
console.log（data）；//处理返回的内容
$（'#myTest'）.html（数据）；
$（'#queryInitial'）.html（'null'）；
}
});
});

所有查询都是在#myTest div中进行的，当您更改该select时，myTest div会在不重新加载的情况下进行更改。问题是，select框在#myTest div之外，因此我怀疑我是否可以使用我拥有的函数。 例：

塞莱迈诺酒店
塞莱迈伊夫廷酒店
切勒麦人渣
代码

如果我理解正确，您需要：

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>

塞莱迈诺酒店
塞莱迈伊夫廷酒店
切勒麦人渣
代码

并在jquery中将tha attr（）更改为selected：

$(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
        }
    });
});

$（文档）.ready（函数（）
{
$（'.sortare'）。on（'change'，function（）{
selValue=$（this.val（）；//-->将此值存储在变量中。
$.ajax({
url:“/filtjante.php”，
键入：“POST”，
数据：{'selected'：$（this.val（），'pagina_id'：}，
成功：功能（数据）{
console.log（data）；//处理返回的内容
$（'#myTest'）.html（数据）；
$（'#queryInitial'）.html（'null'）；
$（'#sel'+selValue）.attr（“selected”，“selected”）；//-->使用我们创建的变量来确定应该将哪个选项设置为动态选中
}
});
});

首先，我认为该函数缺少一对括号，如“}”）；”。其次，它不起作用。我自己添加了缺少的括号，但在您更改页面后，它仍然无法保留您选择的值。

$(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
        }
    });
});