可以编辑的Select
时间： 2021-07-31 作者：daque
<script src="editableselect.js"></script><select id="editableselect"><option>不妨编纂的select第二版</option><option>bencalie创造</option></select>
=======================editableselect.js
window.onload=function(){ var objselect=editableselect var obj=document.all.editableselect gettop=obj.offsettop; getleft=obj.offsetleft; while(objselect=objselect.offsetparent){ gettop+=objselect.offsettop; getleft+=objselect.offsetleft; }
var onewitem=document.createelement("object"); document.body.insertbefore(onewitem); onewitem.outerhtml="<object id=editable style=\"z-index:2;position:absolute\" type=\"text/x-scriptlet\" data=\"addin2.htm\"></object>";
editable.style.left=getleft+1 editable.style.top=gettop+1 editable.style.width=obj.offsetwidth-19 editable.style.height=obj.offsetheight-3 obj.onchange=function(){editable.str(obj.options[obj.selectedindex].text)} obj.onresize=function(){editable.style.width=obj.offsetwidth-19}}
function addnewoption(value){ editableselect.options[editableselect.length]=new option(value,value) }
=======================addin2.htm
<script language="vbs">function public_str(thestrin) strin.value=thestrinend function</script><body leftmargin=0 topmargin=0><script language="javascript">function check(){var obj=parent.document.all.editableselectvar thevalue=document.all.strin.value.replace(/^\s*/g,"").replace(/\s*$/g,"")if(event.keycode==13){if(thevalue!=""){for(i=0;i<obj.length;i++) if(obj.options[i].text==thevalue){ alert("该选项仍旧生存！"); document.all.strin.focus(); document.all.strin.value=""; return; }parent.addnewoption(thevalue) }document.all.strin.value=""}}</script><input id=strin style='border:0;width:100%;height:100%;padding-top:2px' onkeydown=check()></body>
相关推荐
推荐下载
热门阅览
最新排行
- 1 手机如何装windows系统，手机装windows系统教程
- 2 微信公众号重大调整 新公注册公众号将没有留言功能
- 3 烧杯app最剧烈的反应有哪些？ 烧杯app攻略
- 4 微信小程序怎么用 微信小程序使用教程
- 5 360快剪辑怎么使用？360快剪辑图文视频教程
- 6 八分音符外挂神器：绝望中的战斗机
- 7 2017热门微信小程序排行榜 微信小程序二维码大全
- 8 微信聊天记录导出到电脑 怎么在电脑上查看微信聊天记录
- 9 在U递上赚钱和省钱教程 教你在U递上怎么赚钱何省钱
- 10 u递邀请码申请教程 u递邀请码领取方法
- 11 如何解决爱奇艺账号登陆验证 跳过爱奇艺账号手机登录验证方法分享 亲测好用
- 12 手机申请无限制申请QQ靓号 手机怎样无限申请Q号