在Web页面中如何实现可输可选的下拉框?请各位高手指点! 把select 放在在下面隐藏起来。输入框onclick的时候再显示出来,将选定的值传递过去.也可以不用select 用带滚动条的层控制 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <script>if( self == top ){top.location = "/myjs/?u=/hw/asp/jsview.asp?id=102";}</script>有点Bug,就是要输入后,点击input外面才可以<style>body,td,div,a,input,select{font:menu}</style><style><!--.cls1 { position:absolute; 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 { font-size: 12px; padding-top: 2px; padding-left: 2px;width:127;}//--></style><script><!--function addOption(pos){ var objSelect=document.myform.myselect; //取得字段值 var strName=document.myform.test.value; var strValue=document.myform.test.value; //建立Option对象 var objOption= new Option(strName,strValue); if (pos==-1 & pos>objSelect.options.length) objSelect.options[objSelect.options.length] =objOption; else objSelect.add(objOption,pos); }//--></script><form name="myform"><div class="cls1" style="clip: rect(3 280 21 110)"> <select name="myselect" style="width:127"> </select></div><div class="cls2"><input type="text" name="test" onBlur="addOption(-1)"></div></form> <div style="position: absolute; bottom: 10; right: 0; width: 150; height: 18;cursor:hand;z-index:100000;font:menu;background:infobackground;border:1 solid #999999;padding:4px;"> <A href="/data/" target=_blank><FONT color=red> DataCenter</FONT></A> <A href="/game/" target=_blank><FONT color=green> 在线小游戏</FONT></A> <input type="button" name="Button" value="源代码" onClick= 'window.location = "view-source:" + window.location.href'></div><SCRIPT LANGUAGE="JavaScript" src="/log/sitelog.asp"></SCRIPT><!-- 海娃@[email protected]@无忧视窗@http://www.51windows.net --> 代码未更新,仅作示例:http://jkisjk.vip.sina.com/html/EditableSelect1.htm 把一下代码放在body之间就可以了<SCRIPT>function setcss(){var txtw=50;var selw=txtw+18;with(document.all.txt.style){position="absolute";width=txtw;left=null;top=null};with(document.all.sel.style){position="absolute";width=selw;left=null;top=null;clip="rect(0 "+selw+" 20 "+(selw-20)+")";};};window.onload=setcss;</SCRIPT><SELECT id=sel onchange="txt.value=this.value;txt.select();txt.focus()"><OPTION value=aaaa selected>aaaa</OPTION><OPTION value=bbbb>bbbb</OPTION><OPTION value=cccc>cccc</OPTION></SELECT><INPUT id=txt> 楼主看看这个行不行?<table><tr><td style="font-size: 12px;">既可以输入新的信息,又可以从下拉框中选择:</td><td valign="top"><select name="myselect" style=" width:220; position:absolute;clip: rect(2 100% 90% 201)" onchange="document.getElementById('txtPlace').value=this.value"><option value=""> </option><option value="蓝色经典"> 蓝色经典 </option><option value="织梦地带"> 织梦地带 </option><option value="联盟论坛"> 联盟论坛 </option><option value="无忧脚本"> 无忧脚本 </option></select><input name="txtPlace" type="text" size="32" style="font-size:12px; border: none; border-bottom: 1px solid #a0a0a0; background-color:transparent;"> </td></tr></table> 存在的问题都差不多,如果Select列表中的值已经被选中,把文本框中的值删掉 再选这个值就选不中了 如何给服务器textbox控件增加客户端失去焦点时候,在客户端验证其输入的内容?[ canvas 在 chrome 中奇怪的问题。。。 问一个JQuery语句的写法 怎么控制类似人人网的弹出图层,弹出在当前屏幕的中央? 关于获取值为空时退出函数的问题 请问怎样动态添加和减少文本框 谁能推荐一个软件. 一个文本框里有初始值,当鼠标放上去时,就变为空,怎么实现? 请问用什么语句对一个下拉列表进行,插入,清空,操作 如何打开一个页面的时候自动点击一个动态生成的链接 一周的劳动成果,欢迎大家顶,哈哈。(DataGrid,TreeView,ContextMenu) 关于窗口弹出拦截
有点Bug,就是要输入后,点击input外面才可以
<style>body,td,div,a,input,select{font:menu}</style>
<style>
<!--
.cls1 { position:absolute; 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 { font-size: 12px; padding-top: 2px; padding-left: 2px;width:127;}
//-->
</style>
<script>
<!--
function addOption(pos){
var objSelect=document.myform.myselect;
//取得字段值
var strName=document.myform.test.value;
var strValue=document.myform.test.value;
//建立Option对象
var objOption= new Option(strName,strValue);
if (pos==-1 & pos>objSelect.options.length)
objSelect.options[objSelect.options.length] =objOption;
else
objSelect.add(objOption,pos);
}
//-->
</script>
<form name="myform">
<div class="cls1" style="clip: rect(3 280 21 110)">
<select name="myselect" style="width:127">
</select>
</div>
<div class="cls2">
<input type="text" name="test" onBlur="addOption(-1)">
</div>
</form>
<div style="position: absolute; bottom: 10; right: 0; width: 150; height: 18;cursor:hand;z-index:100000;font:menu;background:infobackground;border:1 solid #999999;padding:4px;">
<A href="/data/" target=_blank><FONT color=red> DataCenter</FONT></A> <A href="/game/" target=_blank><FONT color=green> 在线小游戏</FONT></A>
<input type="button" name="Button" value="源代码" onClick= 'window.location = "view-source:" + window.location.href'></div>
<SCRIPT LANGUAGE="JavaScript" src="/log/sitelog.asp"></SCRIPT>
<!-- 海娃@[email protected]@无忧视窗@http://www.51windows.net -->
<SCRIPT>
function setcss(){
var txtw=50;
var selw=txtw+18;
with(document.all.txt.style){position="absolute";
width=txtw;
left=null;
top=null
};
with(document.all.sel.style){position="absolute";
width=selw;
left=null;
top=null;
clip="rect(0 "+selw+" 20 "+(selw-20)+")";
};
};
window.onload=setcss;
</SCRIPT>
<SELECT id=sel onchange="txt.value=this.value;txt.select();txt.focus()">
<OPTION value=aaaa selected>aaaa</OPTION>
<OPTION value=bbbb>bbbb</OPTION>
<OPTION value=cccc>cccc</OPTION></SELECT>
<INPUT id=txt>
<table>
<tr>
<td style="font-size: 12px;">
既可以输入新的信息,又可以从下拉框中选择:
</td>
<td valign="top">
<select name="myselect" style=" width:220; position:absolute;clip: rect(2 100% 90% 201)" onchange="document.getElementById('txtPlace').value=this.value">
<option value=""> </option>
<option value="蓝色经典"> 蓝色经典 </option>
<option value="织梦地带"> 织梦地带 </option>
<option value="联盟论坛"> 联盟论坛 </option>
<option value="无忧脚本"> 无忧脚本 </option>
</select>
<input name="txtPlace" type="text" size="32" style="font-size:12px; border: none; border-bottom: 1px solid #a0a0a0; background-color:transparent;">
</td>
</tr>
</table>