ブートストラップドロップダウンから選択したオプションを取得

Question

現在選択されているオプションを取得します。

<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：私は、このHTMLブートストラップコード持って

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