Javascript 如何在tablepress的下拉菜单下设置当前选定值选项？

我想知道如何在选择后将所选选项值置于下拉菜单下，因为每当我选择任何选项时，它都会被删除，并在下拉菜单下显示一个链接。当您单击它时，它将返回下拉菜单。选择前编码

<div class="column-filter-widget">
    <select class="widget-0">
        <option value="">Healthy Life</option>
        <option value="Fruit">Fruit</option>
        <option value="Vegetable">Vegetable</option>
       <option value="Beef">Beef</option>
    </select>

下面是检查javascript文件的javasript文件。我知道有很多类似的线程，但由于这个问题是针对Wordpress插件tablepress datatables列过滤器小部件的，它位于javascript文件下，我不知道如何解决。我相信这个问题可以很容易地解决后，看看上面的链接

---

谢谢

试试这个，我假设这是我读到的你想要的，这里有一把JS小提琴给你看

JQuery

var optionvalue = 0;
var optionvalueclass = ""

$('select.widget-0').change(function(){
    optionvalue = $('option:selected', this).text();
    optionvalue = optionvalue.replace(" ", "-");
    optionvalueclass = optionvalue.toLowerCase();
    $(".widget-0").after('<a class="filter-term filter-term-' + optionvalueclass + '" href="#">' + optionvalue + '</a>');
    $('option:selected', this).remove();
});

var optionvalue=0；
var optionvalueclass=“”
$（'select.widget-0'）.change（函数（）{
optionvalue=$（'option:selected'，this）.text（）；
optionvalue=optionvalue。替换（“，”-”；
optionvalueclass=optionvalue.toLowerCase（）；
$（“.widget-0”）。在（“”）之后；
$（'option:selected'，this.remove（）；
});

您展示的正是我现在面临的问题。当您选择任何其他选项时，它不能显示在“链接”下，而是显示在“下拉列表”下。因为它与插件相关，所以可以检查javascript文件中的更改。这就是我的问题所在。谢谢，非常接近我的答案。是否可能，如果我选择了某个内容，则该内容将显示在同一下拉列表下，而不是下面？

  .column-filter-widgets a.filter-term:hover {text-decoration: line-through!important;}

var optionvalue = 0;
var optionvalueclass = ""

$('select.widget-0').change(function(){
    optionvalue = $('option:selected', this).text();
    optionvalue = optionvalue.replace(" ", "-");
    optionvalueclass = optionvalue.toLowerCase();
    $(".widget-0").after('<a class="filter-term filter-term-' + optionvalueclass + '" href="#">' + optionvalue + '</a>');
    $('option:selected', this).remove();
});