如何使用 JavaScript 将下拉列表添加到<跨度>

how to add a drop down list to a <span> using javascript

本文关键字：跨度 添加 何使用 JavaScript 下拉列表      更新时间：2023-09-26

html part：

<body onload="init();firstInit();">

脚本部分：

function init(){
var tb = new Ext.Toolbar({
renderTo: 'toolbar',
height: 25
});             
var ht='<table><tr>';
ht+='<td>';
ht+='<div class="font">Mode : </div>';
ht+='</td>';
ht+='<td id="visumode.container">';
ht+='<select id="visuMode.select" size="1" onchange="fRefresh();">';
ht+='<option value="Direct">Direct</option>';               
ht+='</select>';
ht+='</td>';
ht+='</tr></table>';
span = document.createElement("span");
span.innerHTML=  ht;
tb.addElement(span);
}
function firstInit(){
var d document.getElementById("visumode.container");
alert(d)
}

这是代码的一小部分，在HTML部分中，结果放在表单中。警报为空，为什么？

您没有结束标记：</select>表示ht，并且span变量不会添加到 DOM 中。

你创建了一个span元素，但随后你没有对它做任何事情。

您需要在文档中的某个位置添加span：

<div id="myContainer"></div>

document.getElementById('myContainer').appendChild(span);

您还需要向选择添加结束标记：

ht += '</select>';
相关文章：