Chcę utworzyć dynamicznie etykietę i pole wyboru. Po wprowadzeniu tekstu w polu tekstowym i wysłaniu przycisku należy utworzyć pole wyboru i etykietę z tekstem wprowadzonym w polu tekstowym. Jak utworzyć?Jak dynamicznie tworzyć etykiety i pola wyboru w javascript?
14
A
Odpowiedz
14
Myślę, że chcesz to ..
//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>
16
Na etykiecie spróbuj tego:
var newlabel = document.createElement("Label");
newlabel.setAttribute("for",id_from_input);
newlabel.innerHTML = "Here goes the text";
parentDiv.appendChild(newlabel);
Powiązane problemy
- 1. Formy Django: jak dynamicznie tworzyć etykiety ModelChoiceField
- 2. dodaj wartość opcji pola wyboru dynamicznie za pomocą javascript
- 3. jQuery selector dla etykiety pola wyboru
- 4. Dynamicznie tworzyć elementy opcji w JavaScript
- 5. Sprawdzanie poprawności wypełnionego dynamicznie pola wyboru
- 6. jak dynamicznie tworzyć kolumny SQLAlchemy
- 7. Jak dynamicznie tworzyć schemat mangusty?
- 8. Jak dynamicznie zmieniać kolor czcionki pola etykiety BlackBerry?
- 9. Dodaj niestandardowy html do etykiety pola wyboru w django
- 10. ExpandableListView i pola wyboru
- 11. Jak dynamicznie zmieniać szablon formantu WPF za pomocą pola wyboru?
- 12. Jak dynamicznie ustawić siatki wyboru Model wyboru CheckBox w ExtJs4?
- 13. Jak dodać zdarzenie onchange do pola wyboru za pośrednictwem javascript?
- 14. Jak dynamicznie tworzyć obiekty klas?
- 15. Jak dynamicznie powiązać wartość pola wyboru Angular 2
- 16. Jak dynamicznie tworzyć tablicę funkcji?
- 17. Dodawanie zdarzeń do dynamicznie tworzonego pola wyboru w jquery mobile
- 18. Dynamicznie tworzyć testy w NUnit
- 19. Jak dynamicznie tworzyć kolumny w tablelayout?
- 20. Jak dynamicznie tworzyć subdomenę w Laravel?
- 21. Jak wyświetlić pola wyboru w jquery.datatables?
- 22. Jak programowo dynamicznie tworzyć wiele niezależnych instancji komponentu w angle2?
- 23. jQuery sprawdzanie pola wyboru i wyzwalanie zdarzenia onclick javascript
- 24. Dynamicznie tworzyć rejestratory dzienników i dodatki
- 25. Jak utworzyć listę pól wyboru dynamicznie za pomocą javascript
- 26. Jak mogę przejrzeć wszystkie zaznaczone pola wyboru?
- 27. Jak wyrównać etykiety i tylko do odczytu pola w formularzu
- 28. Jak dynamicznie tworzyć obrazki, klikając przycisk?
- 29. Dynamicznie tworzyć okno alertów Bootstrap za pomocą JavaScript
- 30. Jak uzyskać wszystkie zaznaczone pola wyboru