goldrain

          金色雨點(diǎn)

            BlogJava :: 首頁 :: 新隨筆 :: 聯(lián)系 :: 聚合  :: 管理 ::
            37 隨筆 :: 2 文章 :: 239 評(píng)論 :: 0 Trackbacks

          要讓網(wǎng)頁中的下拉列表支持可編輯,可不是件省心的事,上網(wǎng)搜索了下,也有一些解決方法,做起來總不夠簡便。我做了個(gè)簡單的實(shí)現(xiàn),主要是通過給select添加選項(xiàng)的方式,達(dá)到可編輯的目的。演示網(wǎng)址 http://www.cmdgo.com/_ctrl/testruby/selecteditable,代碼如下:

           


              
          <select name="markcode" onChange="editable(this);">
              
          <option value="value1">選項(xiàng)一</option>
              
          <option value="">請輸入</option>
              
          </select>



          <script language="javascript">
          function editable(select1){
             
          if(select1.value == ""){
                
          var newvalue = prompt("請輸入","");
                
          if(newvalue){
                   addSelected(select1,newvalue,newvalue);
                }
             }
          }

          function addSelected(fld1,value1,text1){
              
          if (document.all)    {
                      
          var Opt = fld1.document.createElement("OPTION");
                      Opt.text 
          = text1;
                      Opt.value 
          = value1;
                      fld1.options.add(Opt);
                      Opt.selected 
          = true;
              }
          else{
                      
          var Opt = new Option(text1,value1,false,false);
                      Opt.selected 
          = true;
                      fld1.options[fld1.options.length] 
          = Opt;
              }
          }
          </script>


          其中的function可以放到j(luò)s文件中引用,這樣只要對(duì)select框添加很少的代碼就能支持可編輯了。支持IE和Firefox

          posted on 2008-04-14 14:25 goldrain 閱讀(12546) 評(píng)論(8)  編輯  收藏

          評(píng)論

          # re: 讓下拉列表select可編輯的簡便方法 2008-04-14 17:55 隔葉黃鶯
          這種做法還是可以接受了,簡單了許多,怎么我以前就沒想到這種辦法了。不過現(xiàn)在用組件,反正也不需要自己寫代碼。

          請不要顯示每行代碼前的序號(hào),不然很少人愿意為你測試代碼的。  回復(fù)  更多評(píng)論
            

          # re: 讓下拉列表select可編輯的簡便方法 2008-04-14 20:32 goldrain
          @隔葉黃鶯

          有道理,行號(hào)去掉了  回復(fù)  更多評(píng)論
            

          # re: 讓下拉列表select可編輯的簡便方法 2008-04-16 12:04 walnutprince
          思路可取 但是不好用 用戶一定不會(huì)滿意  回復(fù)  更多評(píng)論
            

          # re: 讓下拉列表select可編輯的簡便方法 2008-04-16 12:15 goldrain
          用戶是否會(huì)滿意,要看是選擇為主還是編輯為主。如果多數(shù)情況是選擇,少數(shù)情況需要編輯,這么做還是可以接受的。我感覺  回復(fù)  更多評(píng)論
            

          # re: 讓下拉列表select可編輯的簡便方法 2008-04-20 10:31 mingj
          更友好的是將input和select位置重疊
          直接輸入選項(xiàng)內(nèi)容,回車即添加  回復(fù)  更多評(píng)論
            

          # re: 讓下拉列表select可編輯的簡便方法 2008-09-27 20:56 vk
          收藏  回復(fù)  更多評(píng)論
            

          # re: 讓下拉列表select可編輯的簡便方法 2008-09-27 21:01 vk
          現(xiàn)在的網(wǎng)頁都有數(shù)據(jù)庫,我想動(dòng)態(tài)的通過加載數(shù)據(jù)庫相關(guān)字段再加上少量的輸入,用戶會(huì)接受的,  回復(fù)  更多評(píng)論
            

          # sdzs 2013-05-08 11:09 ssdf
          sdf  回復(fù)  更多評(píng)論
            


          只有注冊用戶登錄后才能發(fā)表評(píng)論。


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 南华县| 霍邱县| 门头沟区| 双城市| 宁都县| 盘锦市| 巴塘县| 武宁县| 朝阳区| 江安县| 安徽省| 临海市| 普定县| 娄烦县| 诏安县| 昆明市| 弥勒县| 繁峙县| 克什克腾旗| 五华县| 宁明县| 威信县| 桐梓县| 松滋市| 滨州市| 邵东县| 金昌市| 日照市| 牡丹江市| 平利县| 格尔木市| 长顺县| 莱芜市| 香格里拉县| 黑水县| 台湾省| 苏尼特右旗| 永胜县| 祁连县| 荣昌县| 清镇市|