单击按钮后在下拉列表中获取文本的第一个选项

Question

编辑 1 - 简介

事情是这样的。 https://ibb.co/9WY5gLL 它有一个数据表，根据下拉选择进行排序，并且有一个重置排序的按钮。重置部分工作正常，除了下拉列表中的文本没有改变。但是如果我删除下拉列表 HTML 中的选择框 class 一切正常。

//DROPDOWN HTML
<select name="status" id="status" class="statusbox SlectBox form-control">
    <?php echo loadStatus(); ?>
</select>

//DATATABLE
$(document).ready(function() {
    var table= $('#tableone').DataTable( {
     "serverSide":  true,
     "ajax": {
        url  :"sonme.php",
        type : "POST",
        data : function(data){
        var status = $('#status').val();
        data.status= status;
      }
    } );
} );

//TABLE FILTER
$('#status').change(function(){
    table.draw();
});

//RESET TABLE
$('#reset').click(function() {
    $("select.statusbox").val($("select.statusbox option:first").val()).change();
});

//PHP RETURNED BY AJAX CALL
function location(){
    global $con;
    $output.= '<option value="_allCity">All Results</option>';
    $_selectquery= "SELECT * FROM _tableone";
    $result = mysqli_query($con, $_selectquery);
    while($row = mysqli_fetch_array($result)){
        $output.= '<option value = "'.$row["name"].'">'.$row["name"].'</option>';
    }
    return $output;
}

Answer 1

由于这是 sumo select jquery 插件，我所要做的就是查看文档。

此行 - $('select.SlectBox')[0].sumo.reload(); 将下拉菜单和值重置为默认值。请查看文档：https://hemantnegi.github.io/jquery.sumoselect/

单击按钮后在下拉列表中获取文本的第一个选项

Get First Option on Text on Dropdown After Button Click

javascript

jquery

drop-down-menu

jquery-plugins