在无序列表中创建元素

时间:2012-12-30 19:29:04

标签: javascript javascript-events

我有一个在表单中创建无序列表的函数。我有另一个功能,应该根据选择框的选定值将项目添加到列表中。第二个函数将项添加到列表中,它们具有相应的id和whatnot,但没有文本。无论我尝试什么,我都无法让物品中有文字。这是javascript函数的当前内容。

function anotherItem()
{

var textValue = document.forms['newForm'].selectBox1.value;
var ul = document.getElementById("newList");    
var new_item = document.createElement("li");
new_item.id = textValue;
new_item.innerHtml = textValue; // I've also tried new_item.value = textValue among variations.
ul.insertBefore(new_item, ul.firstChild);


}

1 个答案:

答案 0 :(得分:2)

5|    new_item.innerHtml = textValue; 
 |                  └┬─┘
 |                   └───Should be "HTML"

JavaScript is case-sensitive.现在textValue应该写在广告li中。

(如果你放入innerHtml,如果你在控制台中查看它应该会产生错误。)

测试一下: http://jsfiddle.net/DerekL/svUqG/