更改搜索表单占位符文本

Question

我需要用 JavaScript 更改搜索表单占位符文本。

我有一个 ID 为 #mega-menu-item-search-6 的大型菜单搜索项。在里面我有一个搜索表单 class .mk-searchform 和 id #searchform.

我写了这个但是没用。

document.getElementById("mega-menu-item-search-6").attr("placeholder", "Search product");

Answer 1

使用.setAttribute()

document.getElementById("mega-menu-item-search-6").setAttribute("placeholder", "Search product");

<form class="mk-searchform" id="searchform">
  <input type="text" id="mega-menu-item-search-6">
</form>

Answer 2

您正在混合 Javascript 和 jQuery。 .attr() 是 jQuery 方法。并且您正在使用 JS 选择 DOM 元素。

因此，您可以使用 jQuery:

$("#mega-menu-item-search-6").attr("placeholder", "Search product");

或Javascript;

document.getElementById("mega-menu-item-search-6").placeholder = "Search product";

Answer 3

你应该试试 javascript

document.getElementById('mega-menu-item-search-6').placeholder='Search product';

或 JQuery

$('#mega-menu-item-search-6').attr('placeholder','Search product');

希望对你有所帮助

Change search form placeholder text