Question

我想搜索数据但我有多个标签，如名字，姓氏和用户名并且只有一个输入我想根据点击的标签放置不同的占位符如何使用jquery和javascript

提前致谢

Answer 1

您可以使用此代码

$(document).ready(function(){
  $('.searchLabels').click(function(e){
     $('#searchTxt').prop('placeholder',$(this).text())
	});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id='searchTxt' type="text"  placeholder="" >
 
 <br/><label class='searchLabels'>firstname</label>
 <br/><label class='searchLabels'>lastname </label>
 <br/><label class='searchLabels'>Username </label>

Answer 2

您可以使用jQuery.attr()：

$('label').on('click', function () {
   $('input#text').attr('placeholder', $(this).text());
});

label, input {display: block;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<label>Firstname</label>
<label>Lastname</label>
<label>Username</label>
<input id="text" type="text">

Answer 3

您可以使用jquery

设置输入的属性

$('input').attr("placeholder", "your text");

请参阅演示here

选择标签上的输入点击

3 个答案: