Heim >Web-Frontend >js-Tutorial >在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题_表单特效

在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题_表单特效

WBOY
WBOYOriginal
2016-05-16 19:21:51766Durchsuche

发现的问题可能会陆续添加
1. Mozilla和Opera都不支持该字体,改掉DTD也是没有效果。测试在Mozilla Firefox1.5, Opera9.0下都是显示成Arial字体。而特殊符号是支持的。

如:


6



可以在不同浏览器打开,就可以看到区别了,以前不常用Webdings字体,现在才发现这个问题,所以以后还是用图片做这些比较好了。

2. 在IE和Opera中添加select控件的option,可以这样

<script> <BR>//<![CDATA[ <BR>var a=document.getElementById("sel"); <BR>var o=new Option("never-online.net","a",false,false); <BR>a.add(o); <BR>//]]> <BR></script>
但是在Mozilla下是失败的,将抛出异常。如果在Mozilla中动态添加select控件的Option呢?只需要这样

<script> <BR>//<![CDATA[ <BR>var a=document.getElementById("sel"); <BR>var o=new Option("never-online.net","a",false,false); <BR>a.options.add(o); <BR>//]]> <BR></script>
a.options.add(o);这句意思是不像在IE中可直接在select控件对象上添加option,而要在options对象上添加option,因此也可以从这一点看出Mozilla中要求写代码很严格。

3.同样的,在删除时,用remove方法,但不同的是不在options对象上删除option,而是在select控件对象上做的操作。代码

<script> <BR>//<![CDATA[ <BR>var a=document.getElementById("sel"); <BR>var o=new Option("never-online","a",false,false); <BR>a.options.add(o); <BR>alert("你可以看到添加了never-online这个option"); <BR>a.remove(0); <BR>alert("现在删除添加的option"); <BR>//]]> <BR></script>
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn