-
本版专家分：14920结帖率 100% -
如题展开阅读全文
-
本版专家分：154 -
自己写个控件
-
本版专家分：10438
-
转别人写的：
<form>
<OBJECT classid=clsid:8BD21D30-EC42-11CE-9E0D-00AA006002F3 id=MdcCombo1 name=MdcCombo1 VIEWASTEXT>
<PARAM NAME="VariousPropertyBits" VALUE="746604571">
<PARAM NAME="BackColor" VALUE="2147483653">
<PARAM NAME="ForeColor" VALUE="2147483656">
<PARAM NAME="MaxLength" VALUE="0">
<PARAM NAME="BorderStyle" VALUE="0">
<PARAM NAME="ScrollBars" VALUE="0">
<PARAM NAME="DisplayStyle" VALUE="3">
<PARAM NAME="MousePointer" VALUE="0">
<PARAM NAME="Size" VALUE="2540;635">
<PARAM NAME="PasswordChar" VALUE="0">
<PARAM NAME="ListWidth" VALUE="0">
<PARAM NAME="BoundColumn" VALUE="1">
<PARAM NAME="TextColumn" VALUE="65535">
<PARAM NAME="ColumnCount" VALUE="1">
<PARAM NAME="ListRows" VALUE="8">
<PARAM NAME="cColumnInfo" VALUE="0">
<PARAM NAME="MatchEntry" VALUE="1">
<PARAM NAME="ListStyle" VALUE="0">
<PARAM NAME="ShowDropButtonWhen" VALUE="2">
<PARAM NAME="ShowListWhen" VALUE="1">
<PARAM NAME="DropButtonStyle" VALUE="1">
<PARAM NAME="MultiSelect" VALUE="0">
<PARAM NAME="Value" VALUE="">
<PARAM NAME="Caption" VALUE="">
<PARAM NAME="PicturePosition" VALUE="458753">
<PARAM NAME="BorderColor" VALUE="2147483654">
<PARAM NAME="SpecialEffect" VALUE="2">
<PARAM NAME="Accelerator" VALUE="0">
<PARAM NAME="GroupName" VALUE="">
<PARAM NAME="FontName" VALUE="Times New Roman">
<PARAM NAME="FontEffects" VALUE="1073741824">
<PARAM NAME="FontHeight" VALUE="240">
<PARAM NAME="FontOffset" VALUE="0">
<PARAM NAME="FontCharSet" VALUE="0">
<PARAM NAME="FontPitchAndFamily" VALUE="34">
<PARAM NAME="ParagraphAlign" VALUE="1">
<PARAM NAME="FontWeight" VALUE="400">
</OBJECT>
</form>
<script>
function loaditem(){
with(document.all.MdcCombo1){
AddItem("aaaaaa")
AddItem("bbbbbb")
AddItem("cccccc")
AddItem("dddddd")
AddItem("eeeeee")
AddItem("ffffff")
}
}
document.onload=loaditem
</script>
但是select元素配合css/javascript真的不可以达到这个效果吗？
答案是肯定的，至少也能模拟出类似效果
显然是可以把一个文本框独立层放在<select>之上，盖住<select>内容
然后在select元素的onchange中赋值给文本框,然后提交文本框内容……
呵呵，很简单呀——但是这样一做来看就傻眼了（具体你自个琢磨）
那么我们就要加上css这个强大工具：
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<select name="select"style="position:absolute; left: 0px; top: 0px; width: 120px; height: 18px; clip: rect(0 120 18 100)" id="select" onchange="textfield.value=select.value;textfield.select()">
<option value="aaaaaaaa">aaaaaaaa</option>
<option value="bbbbbbbb">bbbbbbbb</option>
<option value="cccccccc">cccccccc</option>
</select>
<input type="text" style="position:absolute; left: 0px; top: 0px; width: 100px; height: 18px" name="textfield">
</body>
</html>
-
本版专家分：10438
-
再转一个
function combox(_inpuObjName,_controlSelectName)
{
//生成的输入框对象名称
this.inpuObjName=_inpuObjName;
//生成的输入框对象
this.inputbox=null;
//原来的下拉框对象
this.controlSelect=document.getElementById(_controlSelectName);
//初始化对象
//_comboxObj:combox对象，须指向自己
this.init=function(_comboxObj)
{
this.inputbox=document.createElement("input");
this.inputbox.id=this.inpuObjName;
this.inputbox.comboxObj=_comboxObj;
this.inputbox.onchange=function()
{
this.comboxObj.find();
}
with(this.inputbox.style)
{
width=this.controlSelect.offsetWidth-16;
height=this.controlSelect.offsetHeight;
}
this.controlSelect.insertAdjacentElement("beforeBegin",this.inputbox);
_span=document.createElement("span");
_span.style.width=18;
this.controlSelect.insertAdjacentElement("beforeBegin",_span);
_span.appendChild(this.controlSelect);
_container=document.createElement("span");
this.inputbox.insertAdjacentElement("beforeBegin",_container);
_container.appendChild(this.inputbox);
_container.appendChild(_span);
_container.style.width=this.inputbox.offsetWidth+18;
_width=this.controlSelect.offsetWidth-18;
with (this.controlSelect.style)
{
margin="0 0 0 -"+_width;
}
this.controlSelect.comboxObj=_comboxObj;
this.controlSelect.onchange=function()
{
this.comboxObj.change();
}
this.change();
}
//当搜索到输入框的值时,下拉框自动定位/
this.find=function()
{
with (this.controlSelect)
{
for(i=0;i<options.length;i++)
if(options[i].text.indexOf(this.inputbox.value)==0)
{
selectedIndex=i;
this.change();
break;
}
}
}
//定义下拉框的onchange事件
this.change=function()
{
this.inputbox.value=this.controlSelect.options[this.controlSelect.selectedIndex].text;
with (this.inputbox)
{
select();
focus();
}
}
}
/**
* 定位函数，获取控件绝对坐标
*/
function getLeftPos(e)
{
var left=e.offsetLeft;
while (e=e.offsetParent)
{
left+=e.offsetLeft;
}
return left;
}
function getTopPos(e)
{
var top=e.offsetTop;
while (e=e.offsetParent)
{
top+=e.offsetTop;
}
return top;
}
附上测试页面test.htm：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript" src="combox.js"></script>
</HEAD>
<BODY>
<table border="1" style="border-collapse:collapse ">
<tr>
<td width="300"><select name=test1>
<option value="可编辑下拉框1" selected>可编辑下拉框1</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<INPUT TYPE="button" value="获取编辑框1的值" onclick="alert(document.getElementById('username').value)">
</td>
<td width="109"><select name=test2>
<option value="可编辑下拉框2">可编辑下拉框25555555</option>
<option value="1">4</option>
<option value="2" selected>5</option>
<option value="3">6</option>
</select>
</td>
<td width="343">
<INPUT TYPE="button" value="获取编辑框2的值" onclick="alert(document.getElementById('password').value)">
</td>
</tr>
</table>
<script language="javascript">
var a=new combox("username","test1");
//参数1为新生成输入框的名称
//参数2为原来的select对象名称
a.init(a);
var b=new combox("password","test2");
b.init(b);
</script>
</BODY>
</HTML>
-
本版专家分：14481
-
只可惜全js的，收藏了！我自己用服务器控件写过．可输入，多列显示的控件．可惜存在刷新问题．GZ楼下有没有更好的．
-
本版专家分：12039
-
http://www.codeproject.com/aspnet/comboboxcontrol.asp
-
本版专家分：4841 -
收藏
-
本版专家分：1341 -
使用javascript来写吧,.net 控件不可靠,最好用ajax
-
本版专家分：1286
-
ding
-
本版专家分：342
-
- 签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
-
-
学习
-
本版专家分：74 -
学习
- 实现DropDownList可输入
1.2.
- dropdownlist中既可以输入又可以下拉列表
前台页面源码： div id="selDiv" style=" z-index:100; visibility:visible; clip:rect(0px 110px 80px 92px); position:absolute; top: 95px; left: 862px;" >
- asp.net可输入DropDownList, 两种方式动态绑定数据
可设置DataValueField,DataTextField，绝对值得下载的资源，使用简单，个人作品。
- DropDownList既能选择又能输入
html>head>style>.cls1 {}{ ... left:250px; top:89px; width:216px; height:72px; z-index:1; }.cls2 {}{ position:absolute; left:250px; top:89px; width:95px; height:18px; z-index:2 }input {}
- 可输入的DropDownList 下拉列表 Asp
Asp可输入的DropDownList下拉列表，可选择显示text值或value值，可以将选择的value输出到其它文本框。内附使用说明，希望能给各位提供便利。
- asp.net 可选可输入的dropdownlist
为了方便使用，我们可以用多种方法来实现既可选择又可输入的dropdownlist的效果。主要思路有.通过js代码来实现，或是在后台代码中实现。但是今天主要介绍通过html中的select和input控件相结合的的来实现。 可输入...
- DropDownList实现可输入可选择
1、js版本12345678910111213141516<div style="z-index: 0; visibility: visible; clip: rect(0px 105px 80px 85px); position: absolute">...asp:DropDownList ID="ddlModel"runat="server"St...
- 重写DropDownList控件,具有可选择,可自行输入文字功能
在网上找了很多重写DropDownList控件可输入,可选择DropDownList的代码，一直没有合适的，这个代码源件是从国外网站上找来的，本人测试过可用。现在发布在网上供大家学习使用。希望能帮助大家。代码已经进行过编译，...
- DropDownList支持用户输入
先把这段JS代码放到页面的HTML中去function catch_keydown(sel) { switch(event.keyCode) { case 13: //Enter; sel.options[sel.length] = new Option("","",false,true); event.returnValue = false;...
- 自定义可编辑、可输入Dropdownlist控件
自定义可编辑、可输入Dropdownlist控件
- asp.net 中 DropDownList 加入可输入功能解决方案
先把这段JS代码放到你页面的HTML中去 function catch_keydown(sel) { switch(event.keyCode) { case 13: //Enter; sel.options[sel.length] = new Option("","",false,true); event.returnValue = false;...
- .net 既可以输入又可以选择的dropdownlist
第一、<script src="../../../Common/Scripts/combox.js" type="text/javascript"></script> <link href="../../../Common/Styles/combox.css" rel="stylesheet" type="text/css" />...
- c# dropdownlist 输入值与list里面的值进行比较
c# winform dropdownlist 输入值与list里面的值进行比较 dropdownlist绑定了数据库，获取的值会有很多比如有（FA01，FA02,FA03,....KT01，KT02......YE01，YEM02....） 当我在文本框里输入YE时显示YE01，YEM02.........
- 一个既可以下拉选择，又可以输入的DropDownList
using System;using System.Collections.Generic;using System.ComponentModel;using System.Text;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;using System.Collections;
- Dropdownlist可输入，可选择的方法
在做下拉框的时候通常会要求既可以输入也可以选择，在网上也找到过好用的控件，但是很多都是要求注册，或者安装的，而且都是中文的：（在这里使用的方法不使用其它的控件，而且代码写的很少，主要的思路是将下拉框...
- asp.net DropDownList 可输可选 下拉菜单
自定义Controls类 namespace Controls { [ToolboxData("")] public class DropDownListExtend : System.Web.UI.WebControls.TextBox { private Hashtable _values;... private DropDownList _Drop
- .net可输入的dropdownlist
网上有介绍写成服务器控件的方法，采用了之后，发现无法控制dropdownlist的onselectindexchanged,即使想法解决后,又无法解决文本框的textchaged事件。 最终解决方法： 页面： ...
- MFC上位机与STM32下位机通讯精讲
本课程主要介绍C++类库MFC上位机与STM32单片机的RS232、RS422、RS485、USB、LWIP以太网、CAN等接口进行稳定通信。课程主要从MFC和STM32基础开始，以编写上位机以及下位机为主，非常注重实践。 本课程主要目标是让大家学会MFC上位机的编程、STM32下位机编程。单单的会上位机或者下位机有时候体会不到通讯的乐趣，如果你单单会下位机，你学了本课程，你可以把你的数据以任何方式在windows上呈现出来，如果你只会上位机，你学了本课程你可以通过windows的串口、以太网、USB控制任何硬件设备。本课程的目标就是补偿大家的短处，让大家成为综合性人才，同时让大家体会到通讯中的更多乐趣。
- navicat简体中文版 绿色版 （64位）
解压后安装navicat，打开navicat执行PatchNavicat即破解成功。可以正常使用啦。
- C语言大型软件设计的面向对象
C语言代码一旦达到一定规模，就特别强调良好的架构设计，以保证代码的可读性好、代码简洁以及可复用。此时，软件设计师势必要用C语言来做面向对象的设计。不能克服面向对象这一关，也是很多人无法读懂Linux内核、驱动等架构比较庞大的软件的主要技术壁垒之一，因为这些软件里面充满了对象式的设计。 本课程以案例来详细讲解，用C语言如何设计面向对象的程序。 本课程以案例来详细讲解，用C语言教大家如何设计面向对象的程序。