|
阅读：2945回复：1
如何实现JavaScript在FIREFOX中实现下拉列表框内容增加
同样的一段程序在IE中就能得到结果，在FireFox中就没有反映．
已知有一个下拉控件放在表单FORM1中 ＜form name="form1"＞ ＜select name="sel" ID="sel"＞ ＜/select＞ ＜form＞ <SCRIPT LANGUAGE="JavaScript"> var objSelect = document.getElementById("sel"); var sText = new Option("显示内容","对应值"); objSelect.add(sText ); </SCRIPT> 在IE下可以向下拉列表框中加入一条"显示内容＂，但FIREFOX却不能。 在网上查了资料http://www.w3schools.com/htmldom/dom_obj_select.asp 原来是FF不支持add() method. 请教各位大哥在FF下要怎么实现？  |
|
|
1楼#
发布于：2005-11-09 12:34
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <SCRIPT LANGUAGE="JavaScript"> <!-- function createSELECT(parentID,selectID,selectName) { if (document.getElementById(selectID) != null) { return 0; } var selObj = document.createElement("SELECT"); selObj.name = selectName; selObj.id = selectID; document.getElementById(parentID).appendChild(selObj); } function addOPTION(selectID,optionID,optionVALUE,optionTEXT) { if (document.getElementById(selectID) == null) { return 1; } if (document.getElementById(optionID) != null) { return 0; } var opnObj = document.createElement("OPTION"); opnObj.id = optionID; opnObj.value = optionVALUE; opnObj.text = optionTEXT; checkBrowser()?document.getElementById(selectID).add(opnObj):document.getElementById(selectID).appendChild(opnObj); } function checkBrowser() { return window.event?true:false; } //--> </SCRIPT> </HEAD> <BODY> <div id = "test"></div> <input type="button" value="test" onclick = "javascript:createSELECT('test','test2','name01');addOPTION('test2','op1','op01','option01')"> </BODY> </HTML> FireFox用appendChild可以解决，不过IE里面又不行了，所以加了一个判断浏览器的方法。 |
|
