当使用Javascript单击锚定标记时，如何更改输入标记的值、名称和占位符？

可以这样做吗？

$（“.link list a”）。单击（函数（）{
linkTxt=$（this.text（）；
$（“#搜索栏”）.attr（“占位符”，“搜索”+linkTxt）.attr（“名称”，linkTxt）；
//要更改下面的值，请取消注释
//$（“#搜索栏”）…属性（“值”，linkTxt）；
});





单击锚定链接时是否显示/隐藏表单？你能补充一下你是怎么做的吗？当然！I will hi I使用了您的代码，但仍然没有更改占位符。请再次检查以单击事件链接，在搜索框中显示搜索事件。您正在使用挂起的变量污染全局
窗口
范围。jQuery的
.attr（）
接受对象
{}
而无需
.attr（）
和
.attr（）
。当
jQuery（函数（$）{}）时不需要IIFE
可用于DOM就绪和保护
$
别名的作用域。。。
<div class="filter_search">
      <button class="fas fa-filter circle-icon"></button>
      <ul>
        <li><a href="#">Events</a></li>
        <li><a href="#">Users</a></li>
      </ul>
  </div>

<form method="GET">
         <input id="searchBar" class="form-control" type="text" placeholder="Search Events" name="q_posts" value="{{ request.GET.q_posts }}">
         <input type="submit" value="Search">
     </form>

.filter_search ul{
    position: absolute;
    color: #FFFFFF;
    background: #FFFFFF;
    box-shadow: 4px 4px 20px rgba(26, 60, 68, 0.09);
    border-radius: 10px;
    margin-top: 2px;
    padding: 6px; 
    width: 120px;
    height: 65px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    list-style: none;
    opacity: 0;
    pointer-events: none;
    transition: .1s ease;
    transform: translateY(10px); 
}
.filter_search button:focus + ul{
    opacity: 1;
    pointer-events: all;
}