如何使用javascript从下拉列表中选择onchange并将其放置在innerHTML中

How do I use javascript to select onchange from a drop down and place it in an innerHTML?

本文关键字：innerHTML onchange javascript 何使用 下拉列表 选择      更新时间：2023-09-26

这个选择调用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>

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

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

这是一段实际工作的javascript，它会挑选出值，whis 是 AnvId，并将其放入 spnAnsvarigUt 的内部 HTML 中，这是我想要的地方。但是，我想要文本值，而不是"值"是AnvId。

<script type="text/javascript">
    function changeHandler() {
        document.getElementById('spnAnsvarigUt').innerHTML = ThisForm.cboAnsvarigUt.value;
    }
</script>

这将获取所选<option>标签中存在的内容(.innerHTML(。

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

演示小提琴

相关文章：