javascript appendChild不工作

这里是我有的代码，我试图将数组中的元素附加到下拉选择框中。代码工作正常，直到appendChild方法。我无法弄清楚为什么那一行不起作用。以下是密码javascript appendChild不工作

</head> 
<body> 
    <h1> Eat Page</h1> 
    <p id="test">Hi</p> 
    <select id="CusineList"></select> 

    <script type="text/javascript"> 

     var cuisines = ["Chinese","Indian"]; 
     var sel = document.getElementById('CuisineList'); 

     for(var i = 0; i <cuisines.length; i++){ 

      var optionElement = document.createElement("option"); 

      optionElement.innerHTML = cuisines[i]; 

      optionElement.value = i;//cuisines[i]; 
      //document.getElementById("test").innerHTML = cuisines.length; 
      sel.appendChild(optionElement); 

     } 
    </script> 

    <p> When </p> 
</body> 

</html>

来源

2012-07-02 Ameya

您是否收到任何错误的解决方案仓

var cuisines = ["Chinese", "Indian"];var sel = document.getElementById('CusineList'); var optionElement; for (var i = 0; i < cuisines.length; i++) { optionElement = document.createElement("option"); optionElement.value = i; sel.appendChild(optionElement); optionElement.innerHTML = cuisines[i]; document.getElementById("test").innerHTML = cuisines.length; }

？你怎么知道它不工作？ “不工作”是什么意思？ –

我相信有一个不同的方式去追加元素，当涉及到选择元素... – 0x499602D2

你有拼写错误。

您的ID为CusineList，但是当您使用CuisineList进行选择时。

除此之外，your code works。

来源

2012-07-02 03:17:07 xdazz

是啊这是拼写错误谢谢 – Ameya

有上

var sel = document.getElementById('CuisineList');

一个错字这应该是

var sel = document.getElementById('CusineList');

或更改您的HTML。从

<select id="CusineList"></select>

要

<select id="CuisineList"></select>

来源

2012-07-02 03:18:32 ace

当我们使用Java脚本，设置节点的属性后追加节点/属性首先，我们要这个节点添加到其相关的父和追加节点之后，我们可以设置其内容或相关的内部HTML /文本。

这里是上述问题的解决方案：我已经创建与http://codebins.com/codes/home/4ldqpcn

来源

2012-07-02 06:59:28 gaurang171

javascript appendChild不工作

回答

相关问题