更改搜索表单的占位符文本

Question

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

我有一个ID为#mega-menu-item-search-6的大型菜单搜索项。 在里面，我有一个搜索表单，其类别为.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中的OR

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

我希望它将对您有帮助。