Как динамически создавать метки и флажки в javascript?

#javascript

#javascript

Вопрос:

Я хочу динамически создавать метки и флажки. когда я ввожу текст в текстовое поле и нажимаю кнопку отправки, должны быть созданы флажок и метка с текстом, который я ввел в текстовое поле..Как создать?

Ответ №1:

Для метки попробуйте следующее:

 var newlabel = document.createElement("Label");
newlabel.setAttribute("for",id_from_input);
newlabel.innerHTML = "Here goes the text";
parentDiv.appendChild(newlabel);
  

Ответ №2:

Я думаю, вы этого хотите..

 //html
<div id="container">
<input id="test" type="text"  >
<input value="add" type="button"  onClick="add()">
</div>

//js
<script>
var i=0;
function add(){    
    if (document.getElementById('test').value!='') 
    {   
        i  ;  
        var title   =document.getElementById('test').value;
        var node = document.createElement('div');        
        node.innerHTML = '<input type="checkbox" id="check'   i   '" name="check'   i   '"><label for="check'   i   '">'  title  '</label>';       
        document.getElementById('container').appendChild(node);    
    }
}
</script>