添加到div的Javascript无效

我不明白这为什么不起作用。我做错了什么？！ 我正在尝试向div添加一个由form元素组成的行

我已经经历过很多次了，但什么都没有。我做错了什么

代码：

颜色
产品类型
品牌
产品类型
宽度
材料
图案
添加

Javascript:

<script type="text/javascript">
    function addAttribute() {
        var iDiv = document.createElement('div');
        iDiv.className = 'row';
        document.getElementById('add-attribute').appendChild(iDiv);

        // Now create and append to iDiv
        var innerDiv1 = document.createElement('div');
        innerDiv1.className = 'col-lg-4';
        iDiv.appendChild(innerDiv1);
        innerDiv1.innerHTML = "Value";

        // Now create and append textbox
        var innerDiv2 = document.createElement('div');
        innerDiv2.className = 'col-lg-8';
        iDiv.appendChild(innerDiv2);
        var attributeSelect = document.getElementById("attributeSelect");
        var attributeValue = e.options[e.selectedIndex].value;
        innerDiv2.innerHTML = "<input type='text' name='attr_" + attributeValue + ' >";


    }

</script>

函数addAttribute（）{
var iDiv=document.createElement（'div'）；
iDiv.className='行'；
document.getElementById（'add-attribute'）.appendChild（iDiv）；
//现在创建并附加到iDiv
var innerDiv1=document.createElement（'div'）；
innerDiv1.className='col-lg-4'；
iDiv.appendChild（innerDiv1）；
innerDiv1.innerHTML=“值”；
//现在创建并附加文本框
var innerDiv2=document.createElement（'div'）；
innerDiv2.className='col-lg-8'；
iDiv.appendChild（innerDiv2）；
var attributeSelect=document.getElementById（“attributeSelect”）；
var attributeValue=e.options[e.selectedIndex].value；
innerDiv2.innerHTML=“”；
}

您的

innerDiv2.innerHTML

未正确设置。 另外

e.options[e.selectedIndex].value

没有意义。您只需从

attributeSelect

本身获取值即可

function addAttribute() {
     var iDiv = document.createElement('div');
     iDiv.className = 'row';
     document.getElementById('add-attribute').appendChild(iDiv);

     // Now create and append to iDiv
     var innerDiv1 = document.createElement('div');
     innerDiv1.className = 'col-lg-4';
     iDiv.appendChild(innerDiv1);
     innerDiv1.innerHTML = "Value";

     // Now create and append textbox
     var innerDiv2 = document.createElement('div');
     innerDiv2.className = 'col-lg-8';
     iDiv.appendChild(innerDiv2);
     var attributeSelect = document.getElementById("attributeSelect");


     var attributeValue = attributeSelect.value;

     innerDiv2.innerHTML = "<input type='text' name='attr_" + attributeValue + "' >";


 } 

函数addAttribute（）{
var iDiv=document.createElement（'div'）；
iDiv.className='行'；
document.getElementById（'add-attribute'）.appendChild（iDiv）；
//现在创建并附加到iDiv
var innerDiv1=document.createElement（'div'）；
innerDiv1.className='col-lg-4'；
iDiv.appendChild（innerDiv1）；
innerDiv1.innerHTML=“值”；
//现在创建并附加文本框
var innerDiv2=document.createElement（'div'）；
innerDiv2.className='col-lg-8'；
iDiv.appendChild（innerDiv2）；
var attributeSelect=document.getElementById（“attributeSelect”）；
var attributeValue=attributeSelect.value；
innerDiv2.innerHTML=“”；
} 

document.getElementById（'add-attribute'）

？在您的标记中，

addattribute

是一个

class

，而不是

id

。哇，谢谢，我怎么会错过这个？换了以后还是不行。

function addAttribute() {
     var iDiv = document.createElement('div');
     iDiv.className = 'row';
     document.getElementById('add-attribute').appendChild(iDiv);

     // Now create and append to iDiv
     var innerDiv1 = document.createElement('div');
     innerDiv1.className = 'col-lg-4';
     iDiv.appendChild(innerDiv1);
     innerDiv1.innerHTML = "Value";

     // Now create and append textbox
     var innerDiv2 = document.createElement('div');
     innerDiv2.className = 'col-lg-8';
     iDiv.appendChild(innerDiv2);
     var attributeSelect = document.getElementById("attributeSelect");


     var attributeValue = attributeSelect.value;

     innerDiv2.innerHTML = "<input type='text' name='attr_" + attributeValue + "' >";


 }