让下拉列表select可编辑的简便方法
1 http://www.blogjava.net/Images/dot.gif2< select name ="markcode" onChange ="editable(this);" >
3< option value ="value1" > 选项一 </ option >
4< option value ="" > 请输入 </ option >
5</ select >
6
7 http://www.blogjava.net/Images/dot.gif
8
9 < script language ="javascript" >
10 function editable(select1){
11if (select1.value =="" ){
12var newvalue = prompt( " 请输入 " , "" );
13if (newvalue){
14 addSelected(select1,newvalue,newvalue);
15 }
16 }
17 }
18
19 function addSelected(fld1,value1,text1){
20if (document.all){
21var Opt = fld1.document.createElement( " OPTION " );
22 Opt.text = text1;
23 Opt.value = value1;
24 fld1.options.add(Opt);
25 Opt.selected =true ;
26 } else {
27var Opt =new Option(text1,value1, false , false );
28 Opt.selected =true ;
29 fld1.options = Opt;
30 }
31 }
32 </ script >
33 http://www.blogjava.net/Images/dot.gif
34
35
页:
[1]