html select 可输入 可编辑

html select 可输入 可编辑,第1张

概述<HTML><HEAD><META http-equiv=‘Content-Type‘ content=‘text/html; charset=gb2312‘><TITLE>js实现可输入的下拉框</TITLE></HEAD><BODY><div style="position:relative;"><span style="margin-left:100px;widt
<HTML><head><Meta http-equiv=‘Content-Type‘ content=‘text/HTML; charset=gb2312‘><Title>Js实现可输入的下拉框</Title></head><BODY><div style="position:relative;"><span style="margin-left:100px;wIDth:18px;overflow:hidden;"><select style="wIDth:118px;margin-left:-100px" onchange="this.parentNode.nextSibling.value=this.value"><option value="德国">德国</option><option value="挪威">挪威</option><option value="瑞士"> 瑞士</option></select></span><input name="Box" style="wIDth:100px;position:absolute;left:0px;"></div></BODY></HTML>

Js实现可输入的下拉框

 这样效果更好些:

<select style="wIDth: 118px; margin-left: -100px;" onfocus="onchange();" onchange="this.parentNode.nextSibling.value=this.value">
总结

以上是内存溢出为你收集整理的html select 可输入 可编辑全部内容,希望文章能够帮你解决html select 可输入 可编辑所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1033991.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-24
下一篇 2022-05-24

发表评论

登录后才能评论

评论列表(0条)

保存