<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    憨厚生

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

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

    web開發中,經常需要給select動態添加數據,常用的方法有幾種:

    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 二胡 閱讀(131) 評論(0)  編輯  收藏 所屬分類: JS
    主站蜘蛛池模板: sss在线观看免费高清| 国产成人综合亚洲| 免费视频精品一区二区三区| 亚洲Av无码国产情品久久| 亚洲AV无码专区在线电影成人 | 久久亚洲色一区二区三区| 国产精品亚洲专区无码牛牛| 狠狠久久永久免费观看| 亚洲久热无码av中文字幕| 国产麻豆免费观看91| 亚洲精品无播放器在线播放| 高清国语自产拍免费视频国产| 亚洲αⅴ无码乱码在线观看性色| 成人免费看黄20分钟| 久久精品国产亚洲AV未满十八 | 久久不见久久见免费影院www日本| 亚洲AV无码乱码在线观看| 一本久久A久久免费精品不卡| 在线观看亚洲精品国产| 国产一级片免费看| 亚洲一级片在线观看| 国产青草视频在线观看免费影院| 免费一区二区三区在线视频| 伊伊人成亚洲综合人网7777| 一级毛片在线观看免费| 亚洲天堂免费在线| 亚洲国产香蕉人人爽成AV片久久 | 亚洲国产成人久久综合碰碰动漫3d | 国产精品偷伦视频观看免费| 亚洲精品视频在线免费| 在线免费视频一区| 中国一级毛片视频免费看| 亚洲春色另类小说| 国产免费拔擦拔擦8x| 精品一区二区三区免费| 亚洲中文字幕久久久一区| 国产亚洲精品精品国产亚洲综合| 999久久久免费精品播放| 亚洲AV成人精品日韩一区| 亚洲国产精品成人精品无码区在线| 男人的天堂网免费网站|