javascript - 从 Bootstrap 下拉列表中获取选定的选项

Question

我想获取当前选择的选项。我有这个 html Bootstrap 代码:

    <div class="form-group">
        <label class="col-md-4 control-label" for="callType">Call</label>
        <div class="col-md-6">
            <select id="callType" name="callType" class="form-control">
                <option value="getBpmn">getBpmn</option>
                <option value="getTime">getTime</option>

            </select>
        </div>
    </div>

以及以下js:

$(document).ready(function () {
    $('#callType').change(dropped)
});


function dropped(){

    console.log($(this).parent())
}

但我不知道如何获取所选选项。

Answer 1

$("select").val() 为您提供所选选项的值。在您的代码中 $(this).val() 为您提供选择框的值

$(document).ready(function () {
    $('#callType').change(dropped)
});


function dropped(){

    console.log($(this).val())
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
        <label class="col-md-4 control-label" for="callType">Call</label>
        <div class="col-md-6">
            <select id="callType" name="callType" class="form-control">
                <option value="getBpmn">getBpmn</option>
                <option value="getTime">getTime</option>

            </select>
        </div>
    </div>