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

Question

I want to create a select element through JavaScript and I want to set an attribute to it called data-placeholder .

How can we assign non-standard attributes with JavaScript without the browser complaining with:

Uncaught referenceError: Invalid left-hand side in assignment

Code that cause the error:

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

Answer 1

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

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

Answer 2

Here's a pretty simple non-jQuery way to achieve this;

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

I've created a very simple JSFiddle to demonstrate it.

Hope that helps!

Answer 3

JQuery使这很简单：

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