javascript変数からdiv idにhtmlタグを表示するにはどうすればいいですか？

私はボタンをクリックした後に、divにtestTag変数を表示したいと思います。私がクリックすると、完全な選択タグではなく、オプションタグのラベルのみが表示されます。助けてください！これは私のコードです。javascript変数からdiv idにhtmlタグを表示するにはどうすればいいですか？

function showDropdown() { 
 
\t \t 
 
\t var textTag = "<select>"; 
 
\t var textOptions = ["option1","option2","option3"]; 
 
\t 
 
\t for (i = 0; i < textOptions.length; i++) { 
 
\t \t textTag += '<options value="' + textOptions[i] + '">' + textOptions[i] + "</options>"; 
 
\t \t 
 
\t } 
 
\t 
 
\t textTag += "</select>"; 
 
\t \t 
 
\t document.getElementById("dropdownTest").innerHTML= textTag; 
 
\t console.log(textTag); 
 
\t }

<!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>

出典

2017-07-05 kreatusJohn

問題は単なるタイプミスですので、私はこの質問を閉じるために投票してきました。 –

それは <option>と呼ばれています

、ない<options>：

function showDropdown() { \t 
 
    var textTag = "<select>"; 
 
    var textOptions = ["option1","option2","option3"]; 
 
\t 
 
    // declare "i"! 
 
    for (var i = 0; i < textOptions.length; i++) { 
 
     // change this line 
 
     textTag += '<option value="' + textOptions[i] + '">' + textOptions[i] + "</option>";  \t \t 
 
    } 
 
\t 
 
    textTag += "</select>"; 
 
\t \t 
 
    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>

出典

2017-07-05 18:43:26 PeterMader

うわー。私の髪を引っ張る私はちょうどjavascriptを学び始めた。助けてくれてありがとう！ – kreatusJohn

@ user3080440実際、これはHTMLエラーであり、JavaScriptエラーではありませんでした。 –

javascript変数からdiv idにhtmlタグを表示するにはどうすればいいですか？

答えて

関連する問題