Add non-standard attribute to a select tag with 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 ...";

Show your JavaScript, you did something wrong, but we can't see what. — David Thomas
– David Thomas, Commented Jul 19, 2012 at 14:49
Still would have been nice to see the code that caused the error. — epascarello
– epascarello, Commented Jul 19, 2012 at 15:31

Peter Pajchl · Accepted Answer · 2012-07-19 14:57:17Z

2

Since it says with javascript not jquery...

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

answered Jul 19, 2012 at 14:57

Peter Pajchl

2,70921 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

aurora Over a year ago

Short, concise and beautiful. Can you please send me a link of this documentation?

jasonmerino · Accepted Answer · 2012-07-19 15:00:35Z

1

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!

answered Jul 19, 2012 at 15:00

jasonmerino

3,2402 gold badges23 silver badges40 bronze badges

Comments

Matthew Abbott · Accepted Answer · 2012-07-19 14:51:15Z

-1

JQuery makes this easy:

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

answered Jul 19, 2012 at 14:51

Matthew Abbott

61.7k9 gold badges108 silver badges131 bronze badges

8 Comments

Florent Over a year ago

+1, you could also write $("<select></select>").data("placeholder", "value") // ...

Matthew Abbott Over a year ago

@epascarello - There doesn't need to be one, it's still a solution.

epascarello Over a year ago

It is like suggesting a person use a hammer to open a window. It is a tool that does the job.

epascarello Over a year ago

AND you should be using data() and not attr(). ;p

Matthew Abbott Over a year ago

@epascarello - so by your logic, I can't suggest they type on a keyboard because they haven't tagged it? Genius right there..

|

Collectives™ on Stack Overflow

Add non-standard attribute to a select tag with Javascript

3 Answers 3

1 Comment

Comments

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related