如何选择元素表单列表并将其放入文本框中
how to select element form list and put it in textbox
我正在创建消息应用程序,在这里,发送者可以使用自动建议选择接收者的名称。我能够生成与输入单词匹配的用户名称
我需要帮助的部分是,当我点击名字时,我希望所选的名字出现在同一个文本框中,建议框消失。就像在facebook或stackoverflow上写"标签"部分一样。HTML部分
<input type="text" id="to" onkeyup="showHint(this.value)">
AJAX 中的部分
<div id='list_names'>".ucfirst($fname)." ". ucfirst($lname)."</div>
请帮我做这个。。。提前感谢
我想在list_namesdiv中你会得到所有的建议。。。所以…试着这样。在带有onclick事件的标记(每个名称)中插入名称。像这样:
<div id='list_names'><div id='someId' onclick='setName(''someId'')'>".ucfirst($fname)." ". ucfirst($lname)."</div></div>
Javascript:
function setName(divId)
{
document.getElementById('to').value = document.getElementById(divId).innerHTML;
}
而且。。。仅此而已。
相关文章:
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 如何在从多选下拉列表中选择选项值时动态生成文本框
- ng在下拉列表和文本区域提交
- 如何在剑道下拉列表中按文本和值搜索
- 如何在ReactJs中链接下拉列表和文本区域
- 使用 jQuery 从下拉列表中获取所选文本
- 根据用户从下拉列表中的选择显示多个文本框
- 如何在jquery中获取列表项的最顶端父项的文本
- 如何在下拉列表更改时自动填充mysql查询结果中的文本框值
- 如何按骨干.js打印“此”列表项的文本
- 从文本文件js中读取列表
- 使用两个下拉列表的值填充文本框
- 如果没有从下拉列表中选择任何值,则允许使用php、mysql、javascript将文本框添加到mysql表中
- 将文本框/单选按钮/和下拉列表中的信息添加到dataTable
- Meteor:从Twilio获取SMS文本列表,并将它们插入mongoDB
- 将URL的文本列表转换为可点击的HTML链接
- 生成重新格式化的文本列表
- 为什么ava在比较对象列表和对象文本列表时失败
- 如何在用户在文本列表中键入单词时突出显示JSON字典中的单词,并在表单提交时用它们的描述替换它们
- 更改图像链接悬停在文本列表