2015-11-27 2 views
2

Я хочу добавить имя в объект ввода DOM, чтобы сохранить его в своей базе данных, но я не могу понять это.Как добавить свойство имени к объекту ввода данных DOM

<!DOCTYPE html> 
<html> 
<body> 

<p>Click the button to create a Checkbox.</p> 

<button onclick="myFunction()">Try it</button> 

<script> 
function myFunction() { 
    var x = document.createElement("INPUT"); 
    x.setAttribute("type", "checkbox"); 
    document.body.appendChild(x); 
} 
</script> 

</body> 
</html> 

Этот код делает только динамические флажков, но я не знаю, как добавить имя к нему, чтобы отправить его через $ _POST [ «имя»];

+1

'x.name =«nameofcheckbox'' –

ответ

0

набор атрибутов имя

function myFunction() { 
     var x = document.createElement("INPUT"); 
     x.setAttribute("type", "checkbox"); 
     x.setAttribute("name", "checkbox_name"); 
     document.body.appendChild(x); 
    } 

вам нужно добавить элемент ввода в виде элемента

0

Вы можете использовать .name DOM элемент свойства:

x.name = 'myCheckbox'; 

Кроме того, вы можете установитьиспользуя .type свойство:

var x = document.createElement("input"); 
 
x.type = 'checkbox'; 
 
x.name = 'myCheckbox'; 
 
document.body.appendChild(x); 
 

 
// Just for demonstration: 
 
document.getElementById('result').innerText = x.outerHTML;
<div id="result"></div>

Если вы когда-нибудь есть какие-либо вопросы, касающиеся свойств DOM элементов, вы можете обратиться к this MDN page.

Как вы mentionted JQuery в вопросительных тегов, я также обеспечит JQuery подход:

$("<input/>").attr({'name': 'myCheckbox', 'type': 'checkbox').appendTo('body'); 
Смежные вопросы