Heim > Web-Frontend > js-Tutorial > [IE&FireFox兼容]JS对select操作_表单特效

[IE&FireFox兼容]JS对select操作_表单特效

WBOY
Freigeben: 2016-05-16 19:22:00
Original
956 Leute haben es durchsucht

今天在Ajax中使用两个下拉框动态添加select中的options,当我在IE测试下正常使用却在FireFox中不能正常使用,我对脚本也不是很熟悉,所以上网查了一下发现他们在动态添加option时有点不同。

   下面把他记下来,说不定以后还可以用用:

    动态删除select中的所有options:
    function deleteAllOptions(sel){
      sel.options.length=0;
    }

    动态删除select中的某一项option:
    function deleteOption(sel,indx){
      sel.options.remove(indx);
    }

    动态添加select中的项option:
    function addOption(sel,text,value){
      sel.options.add(new Option(text,value));
    }

    上面在IE和FireFox都能测试成功,希望以后你可以用上。
其实用标准的DOM操作也可以,就是document.createElement,appendChild,removeChild之类的。:)

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage