繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 如何使用可以接受输入的列表框
- Javascript
- 动态生成select选项全接触
- 不刷新页面动态更新select选项，实现两个select相互操作
- 网页输入框日期型有效性判定一网打尽
- 实用Javascript函数之一(自动将输入文本框中的内容转换成大写字符)
- 实用Javascript函数之二(自动将输入文本框中的内容转换成小写字符)
- 实用Javascript函数之三(限制文本输入框中只能输入数字\"0\"到\"9\")
- 实用Javascript函数之四(用于对sString字符串进行前空格截除)
- 实用Javascript函数之五(用于对sString字符串进行后空格截除)
- 实用Javascript函数之六(截除字符串前后空格)
- 如何使用交替的滚动标题
- 采用DOM模型时创建一个Select节点后，要删除option项的解决方法
- javascript函数速查
- 利用JavaScript和正则表达式进行丰富的日期判断（给其它项目组的代码，有比较好的编程风格和注释）
- 关于字符串的几个有用函数
- FileSystemObject 的例子（处理驱动器、文件夹、文件）
- 用JScript实现VB.Net,C#的[委托Delegate]:
- 得到固定字符位置的函数
- IE NC通用的藏鼠标右键一法
- Menu
- foolpot2001菜单
Javascript 中的 如何使用可以接受输入的列表框
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-08-10 浏览: 65 ::
收藏到网摘: n/a
我们在做网页的时候，有时候会需要一个可以接受输入的列表框，但是html中的<select>元素不能达到这个功能
有一个方法就是用activeX控件，但这样虽然很方便，有些人却不喜欢……^_^
方法如下：<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>
不是很完善，留给看众完善了……呵呵
评论 (0) All
