按钮单击后在下拉菜单中获取第一个选项答案

【问题标题】：Get First Option on Text on Dropdown After Button Click按钮单击后在下拉菜单中获取第一个选项
【发布时间】：2021-08-23 05:18:14
【问题描述】：

编辑 1 - 简介

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

//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;
}

【问题讨论】：

您是说当您执行$('#_location').val('_allCity') 时看不到“所有结果” 显示？真的不清楚这里的问题是什么
请注意，您不会在 <select> 上设置文本，而只是设置值。提供一个仅用于演示您的问题的 html/js 示例。您的 php 代码与此处无关。见minimal reproducible example
试试：$("#_location option:contains('All Results')").prop("selected",true).trigger("change").
@Swati 事件在某些浏览器中不会触发选项。这似乎也是一个令人费解的工作
如果没有 runnable minimal reproducible example 来证明这一点并可以在开发工具中进行检查，很难提供更多帮助

标签： javascript jquery drop-down-menu jquery-plugins

【解决方案1】：

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

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

【讨论】：