读书人

IE和firefox上option添加、删除兼容性

发布时间: 2012-11-19 10:18:51 作者: rapoo

IE和firefox下option添加、删除兼容性例子

添加:

var newOpt = document.createElement("option");

newOpt.text = newIp;

?

remoteIps.options.add(newOpt);

?

function addIps(){var remote_ip = document.getElementById("remote_ip");var ip = remote_ip.value;var isValid = f_check_IP(ip);//alert(f_check_IP(ip));if(!isValid){//alert("请填写正确的IP地址!");remote_ip.select();return;}var remoteIps = document.getElementById("remoteIps");var ops = remoteIps.options;var len = ops==null?0:ops.length;var newIp = document.getElementById("remote_ip").value;//alert(newIp);var newOpt = document.createElement("option");//var newOption = document.createElement('<option value="' + newIp + '"></option>');//newOption.text = newIp;newOpt.text = newIp;//alert("boss"); var notExit = true;for(var i = 0;i < ops.length;i++){var txt = ops[i].value;if(txt == newIp){notExit = false;break;}}if(notExit){//remoteIps.options.add(newOption);remoteIps.options.add(newOpt);}else{alert("该IP地址已在允许的IP列表中!");}}

?

function f_check_IP(ip)        { // alert("ip");       //var ip = document.getElementById('host').value;              var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/;//正则表达式           if(re.test(ip))           {               if( RegExp.$1<256 && RegExp.$2<256 && RegExp.$3<256 && RegExp.$4<256)             return true;           }           //alert("IP有误!");           return false;          }

?

?

?

删除:

remoteIps.remove(i);

?

function removeSelected(){var remoteIps = document.getElementById("remoteIps");var ops = remoteIps.options;var len = ops==null?0:ops.length;//alert("ops.length = " + len);var noneSelect = true;//假设都没选中if(len > 0){for(var i = 0;i < len;i++){//alert("i = " + i);var op = ops[i];//alert("op.selected = " + op.selected);if(op != null && op.selected){//都没选中不再成立noneSelect = false;alert("op.selected = " + op.selected);remoteIps.remove(i);//remoteIps.options.remove(i);alert("danny");i -= 1;//len += 1;}}}if(noneSelect){alert("请您先选中条目再删除!");}//var ips = remoteIps.selectedIndex;}

?

读书人网 >Web前端

热点推荐