Question

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

在页面中，我有以下选择下拉列表：

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

然后我有这个JavaScript函数，当usere选择一个选项进入上一个选择时执行：

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的评论之后，我之前的回答并非最佳，这应该更有效率。

＆＃13;

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

＆＃13;

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

＆＃13;

纯JavaScript解决方案：

＆＃13;

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

＆＃13;

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

＆＃13;

如何使用JavaScript将选定的选项获取到选择的dropodown标记中？

3 个答案: