扫码关注官方订阅号
用CSS样式隐藏的四周边框及下拉箭头，主要是用来打印的，为了美观，只想显示选中内容。 我用样式控制了，单独测试可以实现效果，但放在列表中的里，位置就不美观，选中的内容压着列表线，怎么办啊？ 张 台 米 件 个 块 以上这样，放在页面上测试，可以实现我要的效果。但是 张 台 米 件 个 块 外面加上显示在列表中，就出现汉字压杠儿的问题了。 求高手解决啊！！！ 回复讨论(解决方案) 可以换一个思路，用js 来解决 把select 隐藏，添加一个textbox 来显示select 的值,大概逻辑是这样，没测试过的代码，可能有写错的单词，我没用IDE，直接上的代码！ function hiddenSelect(){ var slcList=document.getElementsByTagName('select'); var ipt ; for(var i=0;i ipt = document.createElement("input"); ipt.setAttribute('slcValue',slcList[i].value); // 设置选中的值 ipt.value = slcList[i].options[slcList[i].selectedIndex].text; slcList[i].parentNode.appendChild(ipt); slcList[i].style.display="none"; } }
可以换一个思路，用js 来解决 把select 隐藏，添加一个textbox 来显示select 的值,大概逻辑是这样，没测试过的代码，可能有写错的单词，我没用IDE，直接上的代码！ function hiddenSelect(){ var slcList=document.getElementsByTagName('select'); var ipt ; for(var i=0;i ipt = document.createElement("input"); ipt.setAttribute('slcValue',slcList[i].value); // 设置选中的值 ipt.value = slcList[i].options[slcList[i].selectedIndex].text; slcList[i].parentNode.appendChild(ipt); slcList[i].style.display="none"; } }
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
707
收藏
