选择标签上的输入单击[关闭]答案

【问题标题】：Select Input on Label Click [closed]选择标签上的输入单击[关闭]
【发布时间】：2017-07-04 12:56:59
【问题描述】：

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

提前致谢

【问题讨论】：

请更具体地说明您的问题，提供有关您的问题的更多描述，并告诉我们您到目前为止做了什么以及卡在哪里？
您只需要绑定点击标签并将其文本关联为搜索输入的占位符。

【解决方案1】：

$('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">

【讨论】：

【解决方案2】：

你可以使用这个代码

$(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>

【讨论】：

【解决方案3】：

您可以使用 jquery 设置输入的属性

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

查看演示here

【讨论】：