堆栈内存溢出
  繁体   English   中英

如何显示从javascript变量到div id的html标签？

[英]How to show html tags from javascript variable to a div id?

 原文  2017-07-05 18:39:51  7   1    javascript/ variables

问题描述

我想在单击按钮后将testTag变量显示给div。 当我单击时，它仅显示选项标签的标签，而不显示全部选择标签。 请帮忙！ 这是我的代码。 

 function showDropdown() { var textTag = "<select>"; var textOptions = ["option1","option2","option3"]; for (i = 0; i < textOptions.length; i++) { textTag += '<options value="' + textOptions[i] + '">' + textOptions[i] + "</options>"; } textTag += "</select>"; document.getElementById("dropdownTest").innerHTML= textTag; console.log(textTag); } 
 <!doctype html> <html> <head> <meta charset="utf-8"> <title>Show dropdown</title> </head> <body> <input type="button" id="showDrop" value="Show dropdown" onClick="showDropdown()"> <div id="dropdownTest"></div> </body> </html>

1 个解决方案

解决方案1
 4  2017-07-05 18:43:26

它称为<option> ，而不是<options> ： 

 function showDropdown() { var textTag = "<select>"; var textOptions = ["option1","option2","option3"]; // declare "i"! for (var i = 0; i < textOptions.length; i++) { // change this line textTag += '<option value="' + textOptions[i] + '">' + textOptions[i] + "</option>"; } textTag += "</select>"; document.getElementById("dropdownTest").innerHTML = textTag; console.log(textTag); } 
 <!doctype html> <html> <head> <meta charset="utf-8"> <title>Show dropdown</title> </head> <body> <input type="button" id="showDrop" value="Show dropdown" onClick="showDropdown()"> <div id="dropdownTest"></div> </body> </html>

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 在html div中显示javascript变量 如何获得 <ul> 来自javascript变量a的ID，其中包含html代码和许多ul标签及其ID 如何使用Javascript / jQuery从div内容中剥离HTML标签？ 如何使用 javascript 变量作为 html 的 div id？ 如何使用JavaScript隐藏/显示div标签？ 标签存储 <div id=“test”> 可变内容 </div> （带有html标签）与html标签 如何在带有 Javascript 的 div 中包含标签 html 动态地从javascript变量中剥离HTML标签 如何将javascript变量打印到html标签 如何访问HTML标记内的JavaScript变量
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM