如何使用 JavaScript 将 selected 选项获取到 select 下拉标签中？

Question

我是 JavaScript 的新手，遇到以下问题。

进入页面我有以下 select 下拉列表：

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

然后我有这个 JavaScript 函数，当用户 select 一个选项进入前一个 select:

时执行

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

如何将 selected 选项的值获取到此 JavaScript 函数中？

Answer 1

下面的代码应该适合你。

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

对于 <select> 通常我总是使用 change 事件。

Answer 2

我想你想要这样的东西

编辑：根据 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>

Answer 3

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>

如何使用 JavaScript 将 selected 选项获取到 select 下拉标签中？

How can I obtain the selected option into a select dropodown tag using JavaScript?

javascript

jquery

html

javascript-events