Question

我想过滤一些信息，因此当我单击按钮时，输入字段将显示当前值。

例如：

当我选择水果然后单击过滤器按钮时，我希望水果文本保留在选择选项字段中。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<select class="form-control">
  <option>-Select-</option>
  <option>Fruits</option>
  <option>Vegetables</option>
  <option>Animal</option>
</select>

<div class="form-group">
  <button type="submit" class="btn btn-primary">Filter</button>
</div>

Answer 1

尝试（编辑：对不起，误解了您的问题）

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
        <select id='se' class="form-control">
    <option value="">-Select-</option>
      <option>Fruits</option>
      <option>Vegetables</option>
      <option>Animal</option>
    </select>

    
     <button class="btn btn-primary" onclick="$(function(){$('option:checked').removeClass('d-none').siblings().addClass('d-none')});">Filter</button>

Answer 2

尝试一下

$(document).ready(function(){
    $("button").click(function(){
        $("select").val();
    });
});

在引导选择选项中显示当前值

2 个答案: