让我们一起爱米兰
站内搜搜:
移动设备
请扫描二维码
或访问
m.milan100.com
您所在的位置 -> 米兰百分百 -> JAVASCRIPT -> firefox select操作

firefox select操作

点击数:1233 发表时间:2010-06-29 17:51:01 作者: 来源链接:
分享到:
分享到微信

IE下面很好写,firefox下试了几种写法都不行,比如
var oOption = document.createElement("OPTION");
oOption.setAttribute("text",fromObj.options[sIndex].text);
oOption.setAttribute("value",fromObj.options[sIndex].value);
selectObj.add(oOption);
或者
selectObj.options.add(oOption);
最后终于找出来了,要这么写
myOption=document.getElementsByTagName('select')[0];
myOption.options[myOption.options.length]=new Option('newText','newValue');

想在两个select之间倒option,全部代码如下:

<script type="text/javascript">
    function move(from){
        var fromObj,toObj;
        if(from == "toRight"){
            fromObj = document.getElementsByName("leftSelect")[0];
            toObj = document.getElementsByName("rightSelect")[0];
        }else{
            fromObj = document.getElementsByName("rightSelect")[0];
            toObj = document.getElementsByName("leftSelect")[0];
        }
       
        var sIndex = fromObj.selectedIndex;
        if(sIndex < 0){alert("请选择符合性要求!");return;};
        toObj.options[toObj.options.length]=new Option(fromObj.options[sIndex].text,fromObj.options[sIndex].value);
        fromObj.remove(sIndex);
    }
</script>

<body>
<table>
<tr>
    <td>
        <select name="leftSelect" size="10">
            <option value="1">COSO</option>
            <option value="2">Cobit</option>
            <option value="3">ITIL/ISO20000</option>                       
            <option value="4">CMMI</option>
            <option value="5">PRINCE2</option>
            <option value="6">银监会313号文</option>                       
        </select>
    </td>

    <td>
        <input value=">" type="button" onclick="move('toRight')"><br/>
        <input value="<" type="button" onclick="move('toLeft')">
    </td>
    <td>
        <select name="rightSelect" size="10">
            <option value="7">等级保护</option>
            <option value="8">BS7799/ISO27000</option>
        </select>
    </td>

</tr>
</table>

</body>

0
很 好
0
一 般
0
差 劲
热门新闻
相关文章
上一篇: IE和FF在javascript写法上的区别
下一篇: JavaScript(js)字符串替换函数replace的用法
评论区
匿名

返回首页 | 收藏本页 | 回到顶部
Copyright 2010. 米兰百分百 Powered By Bridge.
京ICP备15050557号