`

select增加option在火狐上不能显示的问题

 
阅读更多


selectname.add(new Option(pd[1], pd[0]));

更改为:

var obj=document.getElementById("select标签的ID值");

obj.options[obj.options.length]=new Option(pd[1], pd[0]);

  //pd[1],pd[0] 为option的 value和 文本标题 若(1,晕)
分享到:
评论

相关推荐

    select下拉列表显示图片内容

    自定义的`select`下拉框需要在各种主流浏览器中保持一致的表现,包括Chrome、Firefox、Safari、Edge和Internet Explorer。因此,测试和调整代码以确保兼容性至关重要。 通过以上技术,我们可以实现`select`下拉...

    动态给select添加option失败的问题原因及解决

    做作业的时候需要给给一个select标签动态添加option,但却总是不成功,刚开始我是这样写的: $(#day).options.append(new Option(i,i)); 然后发现并没有变化,查资料后才发现,如果要用jQuery给select标签动态添加...

    兼容火狐select样式.zip

    "兼容火狐select样式案例"是一个针对Firefox浏览器进行CSS样式调整的示例,目的是使得在Firefox上的下拉菜单样式与其它浏览器保持一致或者达到预期的设计效果。 在Firefox中,`<select>`元素的默认样式通常比较朴素...

    Firefox中A元素包含Select时点击Select不能选择option bug

    仅Firefox中A元素包含Select时点击Select不能选择option </title> </head> <body> <a><select> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </...

    select下拉菜单option文字粗体的实现方法

    如下图: ... Windows …</option><option value =11>Firefox: Mozilla/5.0 (Windows; U; Windows …</option><option value =12>Opera: Opera/9.27 (Windows NT 5.2; U; …</option><option value =

    Select2的插件下载.zip

    Select2具有良好的浏览器兼容性,支持现代的浏览器,包括Chrome、Firefox、Safari、Edge以及IE9及以上版本。此外,由于其基于jQuery构建,因此在与其他jQuery插件或框架(如Bootstrap)集成时,通常不会有太大问题。...

    用JavaScript来美化HTML的select标签的下拉列表效果

    - 为了在多浏览器下保证兼容性,需要对主流浏览器(如Chrome、Firefox、Safari、IE/Edge等)进行测试,确保在不同环境下都能有良好的表现。 通过上述的方法,开发者可以解决select下拉列表在不同浏览器下默认样式不...

    javascript option onclick事件ie解决方案 兼容ie,firefox

    在本文中,我们讨论了如何解决 JavaScript Option onclick 事件在 IE 浏览器中的问题,并实现了兼容 IE 和 Firefox 浏览器的解决方案。通过使用 JavaScript 事件模型和事件监听器,我们可以正确地捕捉 Option 元素的...

    select标签边框的颜色select标签边框的颜色

    因此,确保代码在主流浏览器(如 Chrome、Firefox、Safari、Edge 和 IE11)上表现一致至关重要。 ### 3. 外部样式表与内联样式 你可以将这些样式放在外部 CSS 文件中,以便在整个网站中统一应用,或者直接在 HTML ...

    解决option标签selected="selected"属性失效的问题

    在HTML中,`<option>`标签用于在`<select>`元素内定义选项,通常用于创建下拉列表。`selected`属性是`<option>`标签的一个...遵循这些步骤,你就能有效地处理这个问题,保证`<option>`标签的`selected`属性正常工作。

    js 操作select和option常用代码整理

    `add`方法在IE中有效,而在Firefox等其他浏览器中,应使用`options.add`。 10. **删除所有选项、删除单个选项** 可以通过`options.length=0`删除所有选项,或通过`options.remove(index)`删除指定索引的选项。 11...

    JS对select控件option选项的增删改查示例代码

    为了确保兼容性,还可以通过select元素的options属性来添加新的option,这样可以同时兼容IE和Firefox浏览器。 ```javascript function addOption() { var obj = document.getElementById('mySelect'); // 兼容IE...

    editableSelect可编辑搜索的下拉框插件

    `editableSelect`通常兼容主流的现代浏览器,包括Chrome、Firefox、Safari、Edge以及IE9及以上版本。对于性能方面,由于采用实时搜索,因此在大量选项时可能需要注意优化,比如设置适当的搜索延迟或预加载机制。 ...

    select多选与美化

    "select多选与美化"这个主题关注的是如何在HTML的下拉列表中实现多选功能,并且兼容各种主流浏览器,包括Firefox、Opera、Chrome、Safari以及IE6到IE9。这通常涉及到JavaScript库,特别是jQuery的使用,以及CSS样式...

    jquery Firefox3.5中操作select的问题

    本文档提到的问题就是关于在Firefox 3.5版本浏览器中,jQuery操作select元素选中项值的一个具体案例。 首先,需要了解jQuery选择器的基本语法和用法。jQuery选择器允许开发者以CSS选择器的方式选取HTML元素,并对...

    Javascript Select操作大集合

    另一种方式是使用DOM操作,适用于所有现代浏览器,包括Firefox,如`fnAdd(oListbox, sName, sValue)`函数,它通过创建新的Option元素并将其添加到Select中。 2. **删除Option** 删除Select中的Option可以通过选择...

    select标签multiple属性的使用方法.zip

    `<select>`标签的`multiple`属性在所有主流浏览器(包括Chrome、Firefox、Safari、Edge和IE9+)中都是支持的。然而,对于较旧的浏览器,如IE8及以下版本,可能需要使用polyfill或其他方法来确保兼容性。 总的来说,...

    javascript对select标签的控制(option选项/select)

    例如,`add` 和 `remove` 方法在 Internet Explorer 和 Firefox 中的用法不同。为了确保代码在各浏览器中都能正常工作,可以使用 `obj.options.add(new Option())` 或 `obj.options.remove()`,而不是直接调用 `obj....

    select下拉查询支持中文

    1. **样式调整**:`select`元素的样式通常由浏览器默认控制,可能在不同浏览器上表现不一致。可以使用CSS来定制其外观,如边框、背景色、字体大小等。例如: ```css select { width: 200px; padding: 5px; ...

Global site tag (gtag.js) - Google Analytics