使用Javascript将非标准属性添加到选择标记

Question

我想通过JavaScript创建一个select元素，我想为它设置一个名为data-placeholder的属性。

如何在没有浏览器抱怨的情况下使用JavaScript分配非标准属性：

Uncaught referenceError: Invalid left-hand side in assignment

导致错误的代码：

select1.data-placeholder="Choose ...";

Answer 1

因为它用javascript而不是jquery ...

yourElement.setAttribute('data-placeholder','value');

Answer 2

这是一种非常简单的非jQuery方法来实现这一目标;

var el = document.createElement('select');
el.setAttribute('data-placeholder', 'placeholder value');
document.body.appendChild(el);​

我创建了一个非常简单的JSFiddle来演示它。

希望有所帮助！

Answer 3

JQuery使这很简单：

$("<select></select>").attr("data-placeholder", "value").appendTo($element);