Question

我有一个带占位符“探索地点”的输入

  <form id='search'>
    <input type='text' id='geolocate' placeholder='Explore Places'/>
  </form>

如何在单击div时更改jquery中的文本，这里说的是我的html

<div id='language-select'>
    <ul class='language'> 
        <li><a class='first active' id='english' class='satellite_terrain'>English</a></li>
        <li><a class='second' id='arabic' class='satellite_terrain'>عربي</a></li>
    </ul>
</div>

当点击英文占位符时，应该是'探索地方'，当阿拉伯语应该是'Explore Places ar'

Answer 1

只需使用$.attr()进行更改，例如：

$("#arabic").click(function() {
    $("#geolocate").attr("placeholder", "Explore Places ar");
});

Answer 2

使用jQuery .attr() ，

$('#arabic').click(function(e){
  e.preventDefault();
  $('#geolocate').attr('placeholder','Explore Places ar');
})

<强> Working Demo

Answer 3

使用 .attr（）： -

$('#arabic').click(function(){
  $('#geolocate').attr('placeholder','Explore Places ar');
})

对英语做同样的事情，这样你就可以轻松地在两个之间切换。

$('#english').click(function(){
  $('#geolocate').attr('placeholder','Explore Places');
})

单击阿拉伯语时更改占位符的文本

3 个答案: