javascript - 如何使用 javascript 从下拉列表中选择 onchange 并将其放入 innerHTML 中？

Question

此选择调用 usrTidrapport 并从那里获取用户列表，然后将其放入下拉列表或组合框中，这可能是正确的术语。

我想做的是在 onchange 中捕获此列表中的名称并将其放入 innerHTML 中。由于某种原因，我无法获取名称的文本值，我似乎只能获取“AnvId”值。

(usrTidrapport 是一个 com+ 组件，所以这是 VB6，但我认为这个示例足够通用，可以适用于大多数语言，而且主要是 javascript 对我来说是问题，至少我是这么认为的。)

<td>
        <span title="visar vem som (utför) arbetsordern och dess uppgifter i ITS.">
            Ansvarig Utförare
            <SELECT id="cboAnsvarigUt" name="cboAnsvarigUt" style="width: 150px;" onfocus="focsel()" onblur="unfocsel()" tabindex="40" onchange="changeHandler()">
            <OPTION value=-1></OPTION>
            <%usrTidrapport.HamtaAnvandareDropdown "", 0, true, AnvId%>
            <%usrTidrapport.HamtaAnvandareDropdown "", 0, false, AnvId%>
        </SELECT>
        </span>

    </td>

这是我想在选择下拉列表中的值后更新innerHTML的地方。

<td><span name="spnAnsvarigUt" id="spnAnsvarigUt"></span></td>

这是一段实际有效的javascript，它会挑选出值，即AnvId，并将其放入spnAnsvarigUt的innerHTML中，这就是我想要的位置。然而，我想要文本值，而不是 AnvId 的“值”。

<script type="text/javascript">
    function changeHandler() {

        document.getElementById('spnAnsvarigUt').innerHTML = ThisForm.cboAnsvarigUt.value;
    }
</script>

Answer 1

这将为您提供所选 .innerHTML 中存在的内容 ( <option> )标签。

function changeHandler() {
   var selOption = ThisForm.cboAnsvarigUt.selectedIndex;
   var selValue = ThisForm.cboAnsvarigUt.options[selOption].innerHTML;
   document.getElementById('spnAnsvarigUt').innerHTML = selValue;
}

Demo Fiddle