我的漫漫程序之旅

專注于JavaWeb開發(fā)

隨筆 - 39, 文章 - 310, 評論 - 411, 引用 - 0

數(shù)據(jù)加載中……

讓下拉列表select可編輯的簡便方法

要讓網(wǎng)頁中的下拉列表支持可編輯，可不是件省心的事，上網(wǎng)搜索了下，也有一些解決方法，做起來總不夠簡便。我做了個簡單的實現(xiàn)，主要是通過給select添加選項的方式，達(dá)到可以修改選項的目的。代碼如下,演示 http://www.jackersoft.cn/webapp/test/selectedit.html：

2  <select name="markcode" onChange="editable(this);">
3  <option value="value1">選項一</option>
4  <option value="">請輸入</option>
5  </select>
6
7

8
9 <script language="javascript">
10 function editable(select1){
11    if(select1.value == ""){
12       var newvalue = prompt("請輸入","");
13    if(newvalue){
14       addSelected(select1,newvalue,newvalue);
15    }
16    }
17 }
18
19 function addSelected(fld1,value1,text1){
20  if (document.all) {
21       var Opt = fld1.document.createElement("OPTION");
22    Opt.text = text1;
23    Opt.value = value1;
24    fld1.options.add(Opt);
25    Opt.selected = true;
26  }else{
27       var Opt = new Option(text1,value1,false,false);
28    Opt.selected = true;
29    fld1.options[fld1.options.length] = Opt;
30  }
31 }
32 </script>
33

34
35

posted on 2008-04-14 16:54 々上善若水々閱讀(4002) 評論(1) 編輯收藏所屬分類: JavaWeb

# re: 讓下拉列表select可編輯的簡便方法 回復(fù) 更多評論

2013-08-06 15:07 | 45

新用戶注冊刷新評論列表


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




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關(guān)文章: navicat_for_mysql_10.0.11在linux下的安裝 mysql5.5.28在Linux下的安裝 jsp URL中文處理的幾種方式 JBOSS5.0 Beta4 配置詳解使用secureX插件來生成證書讓下拉列表select可編輯的簡便方法 Is Tomcat an application server? JSLT日期格式標(biāo)簽，數(shù)字格式標(biāo)簽使用 SLF4J 教程（自由在各種log中切換) 簡單的防盜鏈過濾器

# re: 讓下拉列表select可編輯的簡便方法 回復(fù) 更多評論

我的漫漫程序之旅

讓下拉列表select可編輯的簡便方法

評論

導(dǎo)航

常用鏈接

留言簿(39)

隨筆檔案(43)

文章分類(304)

文章檔案(257)

搜索

最新評論

閱讀排行榜

評論排行榜

我的漫漫程序之旅

讓下拉列表select可編輯的簡便方法

評論

# re: 讓下拉列表select可編輯的簡便方法 回復(fù) 更多評論

導(dǎo)航

常用鏈接

留言簿(39)

隨筆檔案(43)

文章分類(304)

文章檔案(257)

搜索

最新評論

閱讀排行榜

評論排行榜

# re: 讓下拉列表select可編輯的簡便方法回復(fù) 更多評論