<select>隐藏边框及下拉箭头
发布网友
发布时间：2022-04-25 14:36
共1个回答
热心网友
时间：2023-10-09 09:44
你可以根据你的需要稍加修改。
function doPrint(){
JSer("select").each(function(){
JSer("<span/>").html(this.options[this.selectedIndex].text).addClass(".selectText").beforeTo(this);
JSer(this).hide();
});
window.print();
JSer("select").show();
JSer(".selectText").remove();
}
<input type="button" value="打印" onclick="doPrint()"/>
以上代码实现原理是，先把网页中的所有select下拉菜单取出来，然后分别在每个select前面添加一个span元素,设置span的显示文字为下拉菜单中的文字，再把下拉菜单隐藏起来。
这样操作后就可以打印了window.print()
调用打印后，再把添加span移除掉,并还原显示select。
有关这方面的，你可以多学学脚本框架。例如JSer。将很有帮助。
