从Bootstrap下拉菜单中选择选项

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>