我的漫漫程序之旅

专注于JavaWeb开发

让下拉列表select可编辑的简便方法

要让网页中的下拉列表支持可编辑，可不是件省心的事，上网搜索了下，也有一些解决方法，做起来总不够简便。我做了个简单的实现，主要是通过给select添加选项的方式，达到可以修改选项的目的。代码如下,演示 http://www.jackersoft.cn/webapp/test/selectedit.html：

 1 
 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 々上善若水々 阅读(66) 评论(0)  编辑  收藏 所属分类: JavaWeb


标题  
姓名  
主页
验证码 *  
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
 
 

相关链接:
网站导航:

导航

<2008年12月>
日一二三四五六
30123456
78910111213
14151617181920
21222324252627
28293031123
45678910

统计

留言簿(12)

随笔档案(24)

文章分类(277)

文章档案(228)

搜索

最新评论

阅读排行榜

评论排行榜