憨厚生

          ----Java's Slave----
          ***Java's Host***

            BlogJava :: 首頁 :: 新隨筆 :: 聯(lián)系 :: 聚合  :: 管理 ::
            165 隨筆 :: 17 文章 :: 90 評論 :: 0 Trackbacks

          web開發(fā)中,經(jīng)常需要給select動態(tài)添加數(shù)據(jù),常用的方法有幾種:

          1.基于dom方式的添加

          2.使用innerHTML添加

          3.object方式添加

           

          以下是示例

          < html >   
          < head >   
          < script >   
            
           var city 
          =   new  Array();   
           city[
          0 ] = " 西安 " ;   
           city[
          1 ] = " 烏魯木齊 " ;   
           city[
          2 ] = " 西寧 " ;   
           city[
          3 ] = " 北京 " ;   
           function objectF()   
           
          {   
            
            var s 
          =  document.getElementById( " object " );   
            
          for (var i = 0 ;i < city.length;i ++ )   
            
          {   
             var option 
          =   new  Option(city[i],i);   
             s.options[i]
          = option;   
                
            }
             
           }
             
           function domF()   
           
          {   
            var s 
          =  document.getElementById( " dom " );   
            
          for  (var i = 0 ;i < city.length;i ++ )   
            
          {   
             var option 
          =  document.createElement( " option " );   
             var text 
          =  document.createTextNode(city[i]);   
             option.appendChild(text);   
             option.value
          = i;   
             s.appendChild(option);   
               
            }
             
           }
             
           function innerF()   
           
          {   
            
            var sel 
          =  document.getElementById( " inner " );   
            var str 
          =   " <select> " ;   
            
          for  (var i = 0 ;i < city.length;i ++ )   
            
          {   
             strstr 
          =  str  +   " <option value=' " + i + " '> " + city[i] + " </option> "    
            }
             
            strstr
          = str + " </select> " ;   
            sel.innerHTML
          = str;   
           }
             
          </ script >   
          </ head >   
          < body >   
          < form >   
          < table >   
           
          < tr >   
            
          < td >   
             
          < select  ></ select >   
            
          </ td >   
            
          < td >   
             
          < select  ></ select >   
            
          </ td >   
            
          < td >   
             
          < div  >   
              
          < select ></ select >   
             
          </ div >   
            
          </ td >   
           
          </ tr >   
           
          < tr >   
            
          < td >< input type = " button "  value = " dom "   ></ td >   
            
          < td >< input type = " button "  value = " object "   ></ td >   
            
          < td >< input type = " button "  value = " inner "   ></ td >   
           
          </ tr >   
          </ table >   
          </ body >   
          posted on 2007-04-22 16:48 二胡 閱讀(144) 評論(0)  編輯  收藏 所屬分類: JS
          主站蜘蛛池模板: 南平市| 珲春市| 微山县| 富锦市| 红安县| 昌吉市| 新昌县| 唐海县| 寿光市| 株洲市| 北碚区| 霍山县| 剑阁县| 昆明市| 道孚县| 六枝特区| 酒泉市| 山阳县| 利川市| 温州市| 平遥县| 那坡县| 繁昌县| 万全县| 扶沟县| 四会市| 乌拉特后旗| 冀州市| 防城港市| 青田县| 镇安县| 河津市| 兴宁市| 天水市| 孝感市| 红安县| 定陶县| 自治县| 湖南省| 文登市| 烟台市|