Добавление атрибута placeholder с помощью JQuery

У меня простая проблема. Я просто хочу добавить заполнитель на вкладке. Здесь код:

HTML:
<input type="text" name="link" class="hidden">

JQuery:
var link = document.querySelector('.link');
    link.style.display='block';
    link.classList.remove('hidden');
    if(val === 1)  // for a movie
        link.classList.add('placeholder="Add Movie Title. ."');
    else  // for an external link
        link.classList.add('placeholder="Add External Link . ."');

Как вы можете видеть, заполнитель не работает, потому что синтаксис неверен. Я искал связанные решения с моей проблемой, но они используют другой метод, подобный этому

$("").attr("placeholder", "Type here to search");});

но мне нужно что-то похожее на то, что я использовал с добавлением стиля, но я не уверен, есть ли другой способ сделать это. Есть ли аналогичный способ?

Ответ 1

Вам просто нужно:

$(".hidden").attr("placeholder", "Type here to search");

classList используется для управления классами, а не атрибутами.

Ответ 2

Эта строка кода может не работать в IE 8 из-за проблем с внутренней поддержкой.

$(".hidden").attr("placeholder", "Type here to search");

Вы можете попробовать импортировать плагин JQuery placeholder для этой задачи. Просто импортируйте его в свои библиотеки и начните с примера кода ниже.

$('input, textarea').placeholder();

Ответ 3

Попробуйте следующее: если вы хотите использовать чистый JavaScript:

document.getElementsByName('link')[0].placeholder='Type here to search';