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