清风别苑(筹)

将技术进行到底... 当开始我第一篇自己的技术blog的时候我将进入高手预备役...

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

<select id="ddlResourceType" onchange="getvalue(this)">
</select>

   动态删除select中的所有options: 
      document.getElementById("ddlResourceType").options.length=0; 
 
    动态删除select中的某一项option: 
      document.getElementById("ddlResourceType").options.remove(indx);  

    动态添加select中的项option: 
      document.getElementById("ddlResourceType").options.add(new Option(text,value)); 

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

取值方面
   function getvalue(obj)
    {
        var m=obj.options[obj.selectedIndex].value
        alert(m);//获取value
        var n=obj.options[obj.selectedIndex].text
        alert(n);//获取文本
    }


 


 

实际应用中出现的问题:
       1.要实现的功能:从一个select选择数据到另外一个select
       2.代码:

 1function dbselected(e1,e2){
 2    var o1 = $(e1);
 3    var o2 = $(e2);
 4    var op = o1.options[o1.selectedIndex];    
 5    if(o1.value!=''){
 6          if(o2.length>0){
 7                if(o2.options[0].value=='') o2.options[0= null;
 8          }

 9          o2.options.add(new Option(op.text,op.value));
10          o1.options[o1.selectedIndex] = null;    
11    }

12}

   if(o2.length>0){ if(o2.options[0].value=='') o2.options[0] = null; }这一句判断将o2清空,

   o1.options[o1.selectedIndex] = null;   不能改为"o1.options.remove[o1.selectedIndex] ",如果你当前选中的是最后一行,移到o2的还是最先的那条数据,但是移出o1的就是当前的最后数据.


  

 

 

 

posted on 2007-07-17 13:44  清风布衣  阅读(6374)  评论(1编辑  收藏  举报