如何获取引导下拉按钮的选定值

Question

我是 laravel 和 bootstrap 的新手，我需要获取 bootstrap 下拉按钮的选定值并将这个值发送到我的数据库 下面是下拉列表按钮的代码：

<div class="dropdown col-md-6" aria-labelledby="dropdownMenu2">
    <button class="btn btn-secondary dropdown-toggle" name="qty" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        Quantity %
    </button>
    <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
        <button class="dropdown-item" type="button">100%</button>
        <button class="dropdown-item" type="button">75%</button>
        <button class="dropdown-item" type="button">50%</button>
        <button class="dropdown-item" type="button">25%</button>
        <button class="dropdown-item" type="button">0%</button>
    </div>
</div>
<br>

这是控制器中的相关功能：

public function store(Request $request)
{
    $mouvement = new Mouvement();
    $mouvement->rmepn    = $request->input('rmepn');
    $mouvement->rmsn     = $request->input('rmsn');
    $mouvement->rmspn    = $request->input('rmspn');
    $mouvement->location = $request->input('location');
    $mouvement->qty      = $request->input('qty');
    $mouvement->feederid = $request->user()->name;
    $mouvement->project  = $request->input('project');
    $mouvement->rmtype   = $request->input('rmtype');
    $mouvement->ordernr  = $request->input('ordernr');
    $mouvement->save();
}

Answer 1

您应该只使用<select> 元素或无线电输入而不是下拉菜单。

Bootstrap 4 Docs 提供了一些示例

<div class="form-group">
    <label for="quantityPercentageInput">Quantity %</label>
    <select id="quantityPercentageInput" name="quantityPercentage" class="form-control">
        <option value="100%">100%</option>
        <option value="75%">75%</option>
        <option value="50%">50%</option>
        <option value="25%">25%</option>
        <option value="0%">0%</option>
    </select>
</div>

<div class="form-group">
    <select id="quantityPercentageInput" name="quantityPercentage" class="custom-select">
        <option selected>Quantity %</option>
        <option value="100%">100%</option>
        <option value="75%">75%</option>
        <option value="50%">50%</option>
        <option value="25%">25%</option>
        <option value="0%">0%</option>
    </select>
</div>

<div class="form-group">
    <select id="quantityPercentageInput" name="quantityPercentage" class="custom-select">
        <option selected>Quantity %</option>
        <option value="100%">100%</option>
        <option value="75%">75%</option>
        <option value="50%">50%</option>
        <option value="25%">25%</option>
        <option value="0%">0%</option>
    </select>
    <div class="invalid-feedback">Example invalid custom select feedback</div>
</div>

// selected value: 
$request->input('quantityPercentage')