select控件在Mozilla和Opera中的问题

select|控件|问题

1. Mozilla和Opera都不支持该字体,改掉DTD也是没有效果。测试在Mozilla Firefox1.5, Opera9.0下都是显示成Arial字体。而特殊符号是支持的。

如:
<body id="www.never-online.net">
<div style="font-family:Webdings">6</div>
<div>▼</div>
</body>
可以在不同浏览器打开,就可以看到区别了,以前不常用Webdings字体,现在才发现这个问题,所以以后还是用图片做这些比较好了。

2. 在IE和Opera中添加select控件的option,可以这样 <select id="sel">
</select>
<script type="text/javascript">
//<![CDATA[
var a=document.getElementById("sel");
var o=new Option("never-online.net","a",false,false);
a.add(o);
//]]>
</script>
但是在Mozilla下是失败的,将抛出异常。如果在Mozilla中动态添加select控件的Option呢?只需要这样 
<select id="sel">
</select>
<script type="text/javascript">
//<![CDATA[
var a=document.getElementById("sel");
var o=new Option("never-online.net","a",false,false);
a.options.add(o);
//]]>
</script>a.options.add(o);这句意思是不像在IE中可直接在select控件对象上添加option,而要在options对象上添加option,因此也可以从这一点看出Mozilla中要求写代码很严格。

3.同样的,在删除时,用remove方法,但不同的是不在options对象上删除option,而是在select控件对象上做的操作。代码 <select id="sel">
</select>
<script type="text/javascript">
//<![CDATA[
var a=document.getElementById("sel");
var o=new Option("never-online","a",false,false);
a.options.add(o);
alert("你可以看到添加了never-online这个option");
a.remove(0);
alert("现在删除添加的option");
//]]>
</script>

时间: 2024-09-17 08:22:10

select控件在Mozilla和Opera中的问题的相关文章

(在HTML中)我先将select控件中选取的值取出放入数据库(已经实现),然后我需要查看信息的时候从数据库中取出数据,如何让select控件显示我从数据库中取出的对应的值呢?

问题描述 前台<htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title>UntitledPage</title></head><body><formid="form1"runat="server"><div><selectid="Sele

(在HTML中)select控件

问题描述 (在HTML中)我先将select控件中选取的值取出放入数据库(已经实现),然后我需要点其中一条记录时.查看详细信息....这时候要从数据库中取出数据,如何让select控件显示我从数据库中取出的对应的值呢?并且要把其它的值也显示出来....不能用dropdownlist啊....谢谢大家.... 解决方案 解决方案二:么看明白...解决方案三:如果只用select而不调用后台控件的话,貌似只能用ajax了点击事件,再js函数中获取当前selected的值调用后台程序,异步获取数据只是

javascript-js中使用select控件时需要加上form吗?

问题描述 js中使用select控件时需要加上form吗? 在页面中,有表单form1 里面有一个select控件 名称为category.而在js中设置select时,如果document.category.options[tt]=new Option(""""");就无法创建成功. 但是使用document.form1.category.options[tt]=new Option(""""");就可以

问下 jsp中 select控件在页面如何显示出已经查询的值呢?

问题描述 <selectname="beginHour"id="beginHour"><optionvalue="00"selected>00<optionvalue="01">01<optionvalue="02">02<optionvalue="03">03<optionvalue="04">

jquery下拉select控件操作方法分享

 这篇文章主要介绍了jquery下拉select控件操作方法分享(jquery操作select),需要的朋友可以参考下 JQuery获取和设置Select选项方法汇总如下:   代码:   代码如下: $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:selected&quo

js操作select控件大全(包含新增、修改、删除、选中、清空、判断存在等)

原文:js操作select控件大全(包含新增.修改.删除.选中.清空.判断存在等) js操作select控件大全(包含新增.修改.删除.选中.清空.判断存在等) js 代码// 1.判断select选项中 是否存在Value="paraValue"的Item        function jsSelectIsExitItem(objSelect, objItemValue) {            var isExit = false;            for (var i

怎么实现点击GridView中一个按钮可以获取这一行的数据,控件都是在模板中的

问题描述 如题:怎么实现点击GridView中一个按钮可以获取这一行的数据,控件都是在模板中的想做一个更新操作如图,点击修改修改这一行数据,控件都在模板里求大神 解决方案 解决方案二:按钮设置命令后,在命令执行的事件中,通过Convert.ToInt32(e.CommandArgumentCo)获取行索引,这样你通过索引就可以访问到数据集中指定索引的row,就可以访问其中各个单元格了解决方案三:只要你点击可以拿到行号或者唯一标识的行id,其他不就都有了解决方案四:引用1楼bdmh的回复: 按钮设

JQuery select控件操作使用总结

JQuery获取和设置Select选项方法汇总如下: 获取select 先看看下面代码: $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text var checkValue=$("#s

解决DIV层被OBJECT、SELECT控件遮盖问题

浮动层或便捷菜单给用户操作极大的便利.使用IE6.7时,SELECT控件不能被DIV遮盖.OBJECT控件也不能被DIV遮盖.究其原因,大多表单控件或HTML控件是使用浏览器本身渲染绘制,因此层次可以由浏览器自身控制.而SELECT控件是Windows窗口控件,同样可见型ActiveX容器也是使用面向Windows技术开发.它们表现实质仍是相同,都是Windows窗口包含句柄.因此,浏览器不能对其调整层次,浏览器本身与他们都是平级的.尽管IE8中解决了SELECT控件的问题,但OBJECT控件依