堆棧內存溢出
  簡體   English   中英

如何顯示從javascript變量到div id的html標簽？

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

 原文  2017-07-05 18:39:51  0   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