Question

我想获得当前选择的选项。我有这个html引导代码：

    <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>

从Bootstrap Dropdown中选择选项

1 个答案: