Question

我想为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 [＆＃39; name＆＃39;]发送它;

Answer 1

设置属性名称

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

您需要在表单元素中添加input元素

Answer 2

您可以使用.name DOM元素属性：

x.name = 'myCheckbox';

此外，您可以使用type属性设置.type：

＆＃13;

var x = document.createElement("input");
x.type = 'checkbox';
x.name = 'myCheckbox';
document.body.appendChild(x);

// Just for demonstration:
document.getElementById('result').innerText = x.outerHTML;

＆＃13;

<div id="result"></div>

＆＃13;

如果您对DOM元素属性有任何疑问，可以参考this MDN page。

正如你在问题标签中提到jQuery，我还将提供一个jQuery方法：

$("<input/>").attr({'name': 'myCheckbox', 'type': 'checkbox').appendTo('body');

如何将名称属性添加到DOM输入复选框对象

2 个答案: