|
|
主题: [求助]怎么能让下拉菜单也能输入内容，就像浏览器的地址栏！
|
gailv
职务：普通成员
等级：1
金币：0.0
发贴：9
注册：2004/4/19 16:03:39
|
#12004/4/19 16:11:16
<select name="age">
<option value=0>小于18岁
<option value=1 selected>19
<option value=2>20
<option value=3>21
<option value=4>22
</select>
既能选择又能输入，如何实现，谢谢
|
gailv
职务：普通成员
等级：1
金币：0.0
发贴：9
注册：2004/4/19 16:03:39
|
#22004/4/20 9:49:43
不能实现吗？
帮帮忙啊！
|
elite_5d
职务：普通成员
等级：2
金币：1.0
发贴：330
注册：2003/7/4 12:32:30
|
#32004/4/20 10:14:04
顶一下！
编辑历史:[此帖最近一次被 elite 编辑过(编辑时间:2004-04-20 10:20:22)]
|
gailv
职务：普通成员
等级：1
金币：0.0
发贴：9
注册：2004/4/19 16:03:39
|
#42004/4/20 11:08:19
elite
多謝，感動啊！
|
=ridincal=
职务：管理员
等级：7
金币：20.0
发贴：5886
注册：2004/1/13 11:47:04
|
#52004/4/20 11:26:42
<style type="text/css">
BODY {
FONT-FAMILY: 宋体; FONT-SIZE: 9pt
}
TD {
FONT-FAMILY: 宋体; FONT-SIZE: 9pt
}
</style>
<script language="JavaScript">
function addOption(obj1,obj2){
if(obj2.value=="") return false;
for(var i=0;i<obj1.length;i++){
if(obj2.value==obj1[i].text)
return false;
}
var oOption =
document.createElement("OPTION");
oOption.text=obj2.value;
oOption.value=obj2.value;
obj1.add(oOption);
}
function writeSelect(objName,objName1,values){
var strDivCode_S ="<div
style='position:absolute;clip:rect(auto auto auto 108);'>";
var strDivCode_E ="</div>";
var strSelectCode_S ="<select
name="+objName+" style=width:127
onchange="+objName1+".value=this.options[this.selectedIn
dex].innerText>";
var strSelectCode_E ="</select>";
var strInputCode_S ="<input type=text
name="+objName1+"
onblur=addOption(eval('"+objName+"'),eval('"+objName1+"'))
size=20
style='position:absolute;top:0;left:0;width:110;height:21'>";
document.open();
document.write(strDivCode_S+strSelectCode_S+strSelect
Code_E+strDivCode_E+strInputCode_S);
document.close();
var selectValue = new Array();
if(values!=""){
selectValue = values.split(",");
for(i=0;i<selectValue.length;i++){
var oOption =
document.createElement("OPTION");
oOption.text=selectValue[i].substr(selectValue[i].indexOf("|")
+1);
oOption.value=selectValue[i].substr(0,selectValue[i].indexOf
("|"));
eval("document.all."+objName).add(oOption);
}
}
if(selectValue.length>0){
eval("document.all."+objName1).value
= selectValue[0].substr(selectValue[0].indexOf("|")+1);
eval("document.all."+objName).value =
selectValue[0].substr(0,selectValue[0].indexOf("|"));
}
}
function writeSelect_R(objName,objName1,values){
var strDivCode_S ="<div
style='position:absolute;clip:rect(auto auto auto 108);'>";
var strDivCode_E ="</div>";
var strSelectCode_S ="<select
name="+objName+" style=width:127
onchange="+objName1+".value=this.options[this.selectedIn
dex].innerText>";
var strSelectCode_E ="</select>";
var strInputCode_S ="<input type=text
name="+objName1+"
onblur=addOption(eval('"+objName+"'),eval('"+objName1+"'))
size=20
style='position:relative;top:0;left:0;width:110;height:21'>";
document.open();
document.write(strDivCode_S+strSelectCode_S+strSelect
Code_E+strDivCode_E+strInputCode_S);
document.close();
var selectValue = new Array();
if(values!=""){
selectValue = values.split(",");
for(i=0;i<selectValue.length;i++){
var oOption =
document.createElement("OPTION");
oOption.text=selectValue[i].substr(selectValue[i].indexOf("|")
+1);
oOption.value=selectValue[i].substr(0,selectValue[i].indexOf
("|"));
eval("document.all."+objName).add(oOption);
}
}
if(selectValue.length>0){
eval("document.all."+objName1).value
= selectValue[0].substr(selectValue[0].indexOf("|")+1);
eval("document.all."+objName).value =
selectValue[0].substr(0,selectValue[0].indexOf("|"));
}
}
</script>
<form name="form1" action="">
<div id="Select_DIV"
style="position:absolute;left:157px;top:300px;">
<script
language="JavaScript1.2">writeSelect("ab1","ab2","Iori|八
神,Mary|玛丽")</script>
</div>
<div id="Select_DIV"
style="position:absolute;left:200px;top:350px;">
<script
language="JavaScript1.2">writeSelect("bb1","bb2","")</scrip
t>
</div>
<table border=0>
<tr>
<td><script
language="JavaScript1.2">writeSelect_R("cc1","cc2","China
|中国,USA|美国")</script></td>
</tr>
<tr>
<td><script
language="JavaScript1.2">writeSelect_R("dd1","dd2","")</sc
ript></td>
</tr>
</table>
</form>
编辑历史:[此帖最近一次被 allinhands 编辑过(编辑时间:2004-04-20 11:40:38)]
|
gailv
职务：普通成员
等级：1
金币：0.0
发贴：9
注册：2004/4/19 16:03:39
|
#62004/4/20 14:05:34
运行了但是什么都没显示,有类似网页吗？
|
缺缺
职务：管理员
等级：8
金币：41.0
发贴：9620
注册：2004/1/14 19:14:47
|
#72004/4/20 14:48:44
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
-_________-#
编辑历史:[此帖最近一次被 allinhands 编辑过(编辑时间:2004-04-20 14:59:47)]
|
gailv
职务：普通成员
等级：1
金币：0.0
发贴：9
注册：2004/4/19 16:03:39
|
#82004/4/20 16:26:07
allinhands 感谢啊
再次感动中
|
gailv
职务：普通成员
等级：1
金币：0.0
发贴：9
注册：2004/4/19 16:03:39
|
#92004/4/20 17:17:31
<style>
#input {
position: absolute;
z-index:2;
font-family:Verdana;
font-size:11px;
width:200px;
border-right:none;
}
#dv {
overflow: hidden;
position: absolute;
clip: rect(0px 200px 18px 180px);
left:10px;
width:200px;
height:200px;
}
#button {
position: absolute;
z-index:2;
font-family:Verdana;
font-size:11px;
left:210px;
}
#select {
position: absolute;
width:200px;
}
</style>
<input value=http://www.5d.cn type=text id=input><input value=GO type=button id=button onclick=window.location.href=input.value>
<span id=dv>
<select id=select onchange=input.value=this.value;input.select()>
<option value="http://www.5d.cn">5D</option>
<option value="http://www.blueidea.com">blueidea</option>
</select>
</span>
<br>
<input value=http://www.5d.cn type=text id=input><input value=GO type=button id=button onclick=window.location.href=input.value>
<span id=dv>
<select id=select onchange=input.value=this.value;input.select()>
<option value="http://www.5d.cn">5D</option>
<option value="http://www.blueidea.com">blueidea</option>
</select>
</span>
我改成这样，就无法显示选择的内容了，怎么解决？
|
缺缺
职务：管理员
等级：8
金币：41.0
发贴：9620
注册：2004/1/14 19:14:47
|
#102004/4/20 17:32:05
id重复了
|
gailv
职务：普通成员
等级：1
金币：0.0
发贴：9
注册：2004/4/19 16:03:39
|
#112004/4/21 15:25:10
怎么改啊！改的id前面用定义吗？我想用<form action=“1.asp” method=POST>这种方式使所选两个文本框中的内容显示在另一个页面上，但总是不成功
|
