Adding placeholder attribute to input HTML

Question

I'm attempting to add a placeholder attribute to multiple input tags with unique classes in a form. The form is generated by a plugin so I can't add the attribute in manually. Unfortunately nothing I have tried has worked. Because each placeholder is different I'm address each one separately...

Here's the HTML

<input class="name-field" type="text" id="yourName_38_1" name="yourName" value="">

The jQuery I'm using

$(".name-field").attr("placeholder", "name");

When I look in the console I get the following which is referring to line the jQuery is on.

Uncaught TypeError: $ is not a function

My understanding of jQuery is very basic. Please help

Thank you in advance.

Dave

You haven't included jquery - have a read of this http://stackoverflow.com/questions/14106864/linking-jquery-in-html — StudioTime, Feb 05 '16 at 14:06
If you have already added jQuery then it might be getting conflict. use `$` instead of `jQuery` — Jimish Gamit, Feb 05 '16 at 14:07

score 1 · Accepted Answer · answered Feb 05 '16 at 14:10

1

You need to load jquery plugin.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

Please add this line above your <script></script> tag.

answered Feb 05 '16 at 14:10

Alpesh Savalia

69
4

score 0 · Answer 2 · answered Feb 05 '16 at 14:09

0

Add jquery:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

answered Feb 05 '16 at 14:09

Ajay Makwana

2,330
1
17
32

Adding placeholder attribute to input HTML

2 Answers2