单击时从列表中将文本添加到文本框的方法
Way to add the text to text box from the list on clicking
我有以下代码显示一个文本框。
<p>
<label>Enter the doctor id</label>
<input type="text" autocomplete="on" name="dr_id" id="user_id" class="user_name" >
</p>
以下代码用于显示各种选项,可以从中选择一个并将其放入文本框中。单击时将显示列表
医生名单
代码如下所示
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".slidingDiv").hide();
$(".show_hide").show();
$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
});
});
</script>
<a href="#" class="show_hide">List of doctors</a><br />
<div class="slidingDiv">
Dr.Prashant Salunke - dr.salunke.<br>Dr.Kalam - dr.apj<br>Dr.Manmohan Singh - dr.economics<br> <a href="#" class="show_hide">hide</a>
</div>
</div><br>
我希望是否使该列表中的项目可单击,这样如果单击它们,它们就会出现在文本框中。我该如何实现?我需要在代码中进行哪些更改?
用 ul 和 li 元素列出,例如:
<ul id="list">
<li>Dr.Prashant Salunke - dr.salunke.</li>
<li>Dr.Kalam - dr.apj</li>
<li>Dr.Manmohan Singh - dr.economics</li>
</ul>
然后创建点击事件:
$('#list li').click(function()
{
$('#user_id').val($(this).text());
});
相关文章:
- Javascript,将文本添加到具有现有文本节点的元素中
- 选中单选框时,将文本添加到文本框中
- 为未标记的文本添加CSS样式
- 如何将表格中的文本添加到使用按钮输入的文本区域
- 有没有办法将mouseOver上的个人文本添加到完整日历中
- 改变“;onClick"这个jQuery的操作从清除输入文本改为将输入文本添加到下面的列表中
- 如何使用JavaScript将链接文本添加到电子邮件中
- 将动态验证文本添加到自定义jQuery验证规则中
- 将文本添加到每个数组元素的开头
- 单击将按钮中的文本添加到带有jQuery或JS的输入框中
- 通过按钮将不同的文本添加到文本区域-不起作用
- 如何为Fabric.js中的文本添加CSS属性
- 如何将预加载程序文本添加到jQuery Cycle 2中
- Javascript Regex exec 在向搜索文本添加属性/引号后冻结
- 如何在所有浏览器中向文本区域中的选定文本添加 标记
- jQuery将文本添加到放置在表格单元格中的图像中
- D3 垂直条形图为标签文本添加换行符
- 单击时从列表中将文本添加到文本框的方法
- 将文本添加到 D3 圆环图的中心
- 如何将非可变文本添加到javascript打印弹出窗口中