在下拉框输入值的时候,下拉框中的值出现在下拉框中,怎么实现?
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在下拉框输入值的时候,下拉框中的值出现在下拉框中,怎么实现?相关的知识，希望对你有一定的参考价值。
在一个录入页面中，有一个下拉框，内容是从数据库员工表中取得的员工姓名，用LIST取的，由于员工太多，选择起来非常费事，所以想实现根据在下拉框中输入员工姓名汉字的首字母来进行检索下拉框的员工姓名，比如：下拉框中有100个员工，我在下拉框中输入l即可检索出下拉框中所有员工姓名中的首汉字拼音第一个字母为l的所有员工，比如“黎明”“李华”等等，如果输入"lm"则检索出所有名称为“黎明”“李明”等名字的员工,怎么实现这种效果?
你要的是这种效果吗？<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META content="fason,阿信" name=Author>
<title>动态提示的下拉框</title>
<style>
acolor:red;text-decoration:none;font-size:12px
</style>
</head>
<body onload="Init()">
<center>
<h2>动态提示的下拉框</h2>
<hr>
<form name=frm>
<table>
<tr>
<td>请输入1或2或3或4或5进行测试：<br><input name="txt" style="width:100px" onkeyup="SelectTip(0)"> <input type="button" value="reset" onclick="SelectTip(1)"></td>
</tr>
<tr>
<td>
<span id="demo"><select name="demo" style="width:100px" size=10 onchange="txt.value=options[selectedIndex].text;">
<option value="1">1</option>
<option value="12">12</option>
<option value="123">123</option>
<option value="1234">1234</option>
<option value="2">2</option>
<option value="23">23</option>
<option value="234">234</option>
<option value="2345">2345</option>
<option value="3">3</option>
<option value="34">34</option>
<option value="345">345</option>
<option value="3456">3456</option>
<option value="5">5</option>
<option value="51">51</option>
<option value="51w">51w</option>
<option value="51wi">51wi</option>
<option value="51win">51win</option>
<option value="51windows">51windows</option>
</select></span>
</td>
</tr>
</form>
</table>
<hr>
<script language="javascript">
var TempArr=[];//存贮option
function Init()
var SelectObj=document.frm.elements["demo"]
/*先将数据存入数组*/
with(SelectObj)
for(i=0;i<length;i++)TempArr[i]=[options[i].text,options[i].value]
function SelectTip(flag)
var TxtObj=document.frm.elements["txt"]
var SelectObj=document.getElementById("demo")
var Arr=[]
with(SelectObj)
var SelectHTML=innerHTML.match(/<[^>]*>/)[0]
for(i=0;i<TempArr.length;i++)
if(TempArr[i][0].indexOf(TxtObj.value)==0||flag)//若找到以txt的内容开头的，添option。若flag为true,对下拉框初始化
Arr[Arr.length]="<option value='"+TempArr[i][1]+"'>"+TempArr[i][0]+"</option>"
innerHTML=SelectHTML+Arr.join()+"</SELECT>"
</script>
</body> 参考技术A 的默认对象下拉的ddlb类名，
属性项目
例如：ddlb_1.item [1]是第一个下拉值
BR />字符串一个
= ddlb_1.item [1]是第一个变量的一个
下拉列表不显示的默认值ddlb_1.text“第一 参考技术B 我写的例子，你试试：
的
选择下拉框中的值时启用文本框[关闭]
【中文标题】选择下拉框中的值时启用文本框[关闭]【英文标题】：enabling of textbox when a value in a drop down box selected [closed] 【发布时间】：2012-01-30 23:51:15 【问题描述】：当我在下拉列表中选择一个选项时，文本框将被启用。并且我在该文本框中输入的值将存储在数据库中，并且下拉框中也选择了一个值。
【问题讨论】：
首先我们希望看到您的努力。你试过什么？ 发布您已经拥有的代码的相关部分。特别是用于下拉的 HTML 和用于保存数据等的 AJAX 调用代码。 【参考方案1】：下面是在选择框选项选择上启用文本框的示例代码。
请进行必要的更改。
<script type="text/javascript">
function showtextbox()
var x=document.getElementById("intext").
x.disabled=false;
</script>
</head>
<body>
<form>
<select onChange="showtextbox()"">
<option >one</option>
<option>two</option>
</select>
<input type="text" id="intext" name="intext" disabled='disabled'>
</form>
</body>
</html>
使用您的 php 代码连接并在数据库中插入数据。
【讨论】：
对不起，朋友不要给会员喂食，让他们说出他们从他们的角度尝试过的事情，然后我们可以帮助他们从他们所做的事情中找到解决方案。因为这有助于他们学习东西。如果您这样发布，他们甚至不会查看已尝试过的内容，他们只是复制粘贴并完成工作。不要让他们成为懒惰的鹅。对不起，如果我的话伤害了你。 @AmGates：注意。你说的对。将来会照顾它。以上是关于在下拉框输入值的时候,下拉框中的值出现在下拉框中,怎么实现?的主要内容，如果未能解决你的问题，请参考以下文章
easyui里面如何实现选中下拉框中的内容然后其他栏随着下拉框中内容变化而变化
C# 属性控件（propertyGrid），如何动态添加下拉框中的值。例如：Name ： 下拉框中的值：小米，小明。
js中怎么实现下拉框中的值选中一个之后则这个在以后的下拉框就隐藏或者删除