如何使用JavaScript將選定的選項獲取到select dropodown標記中？

Question

我在JavaScript中還很陌生，但遇到以下問題。

進入頁面后，我有以下選擇下拉列表：

<select id="selTipoRap" class="form-control" th:field="*{tipoRappresentante}" required="required" style="width: 55%;" onChange="nascondiBoxDocumentazione(this);">
    ......................................................................
    ......................................................................
    OPTIONS LIST
    ......................................................................
    ......................................................................
</select>

然后，當用戶在上一個選擇中選擇一個選項時，我將執行此JavaScript函數：

function nascondiBoxDocumentazione(ruoloSelezionato) {
    alert("NASCONDI");
}

如何獲得此JavaScript函數中所選選項的值？

Answer 1

 function nascondiBoxDocumentazione(ruoloSelezionato) { alert(ruoloSelezionato.value); } 

 <select id="selTipoRap" class="form-control" style="width: 55%;" onChange="nascondiBoxDocumentazione(this);"> <option>Option 1</option> <option>Option 2</option> </select> 

Answer 2

下面的代碼應該為您工作。

 $('#selTipoRap').on('change' , function(){
       nascondiBoxDocumentazione($(this).val());
  });

對於<select>通常我總是使用change事件。

Answer 3

我想你想要這樣的東西

編輯：根據亞歷山大·索洛尼克（Alexander Solonik）的評論，我以前的回答不是最佳的，這應該效率更高。

 $('#selTipoRap').on('change', function() { alert($(this).val()); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="selTipoRap"> <option value="0">Zero</option> <option value="1 ">One</option> <option value="2 ">Two</option> <option value="3 ">Three</option> </select> 

純JavaScript解決方案：

 var selTipoRap = document.getElementById('selTipoRap'); selTipoRap.onchange = function() { alert(selTipoRap.value) } 

 <select id="selTipoRap"> <option value="0">Zero</option> <option value="1 ">One</option> <option value="2 ">Two</option> <option value="3 ">Three</option> </select>