各位帮帮忙,我想用一个按钮来对一个下拉框里面的内容进行添加,删除,修改等操作。该怎么做呀?

时间:2022-02-14 04:12:12
研究类型
 <select size="1" name="D5" style="font-family: 宋体; font-size: 12pt">
<option>请选择</option>
<option>A 基础研究</option>
<option>B 应用研究</option>
<option>C 综合研究</option>
<option>D 其他研究</option>
</select>
<input type="button" value="操作" name="B61" style="background-color: #FF0000" />

点击操作按钮可以对研究类型里面的这四项进行修改,添加,删除等,该怎么弄呀?用的哪个控件呀?

6 个解决方案

#1


用什么控件你自己不是已经说出来了吗

#2


这个实现不了啊?
怎么对它操作我不会啊!

#3


参考

01.<html>  
02.<head>  
03.<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
04.<title>JS动态添加删除option</title>  
05.<script>  
06.//动态删除select中的所有options:  
07.function delAllOptions(){  
08.      document.getElementById("user_dm").options.length=0;   
09.}  
10.  
11.//动态删除select中的某一项option:   
12.function delOneOption(indx){  
13.      document.getElementById("user_dm").options.remove(indx);   
14.}  
15.  
16.// 动态添加select中的项option:   
17.function addOneOption(){  
18.      //document.getElementById("user_dm").options.add(new Option(2,"mytest"));   
19.     
20.   var selectObj=document.getElementById("user_dm");  
21.   alert(selectObj.length);  
22.   selectObj.options[selectObj.length] = new Option("mytest", "2");  
23.}  
24.</script>   
25.</head>  
26.<body>   
27.<select id="user_dm" name="user_dm">  
28.<option value="0" selecte>==请选择人员==</option>  
29.<option value="1">test</option>  
30.</select><br>  
31.<input type="button" onClick="addOneOption()" value="添加">  
32.<input type="button" onClick="delOneOption(1)" value="删除第一个">  
33.<input type="button" onClick="delAllOptions()" value="清空">  
34.</body>  
35.</html>  

#4


楼上的这个很好,非常感谢你,但是不是我想要的那种,也怪我没说清楚,我想要的是,一点击这个按钮它会弹出这个下拉框的属性窗口,然后再对其里面的内容进行操作。麻烦你再帮我思考一下吧~

#5


1、遍历Select里面的选项;
2、将选项的集合传递到你的下拉框属性窗体,在这个页面做编辑;
3、将编辑好的选项集合回传回本页面,然后通过JS再处理你的Select的内容,如3楼的那端代码;

#6


谢谢,但是麻烦你帮我把代码写出来吧,我刚学ASP.NET,笨得厉害,教教我吧~

#1


用什么控件你自己不是已经说出来了吗

#2


这个实现不了啊?
怎么对它操作我不会啊!

#3


参考

01.<html>  
02.<head>  
03.<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
04.<title>JS动态添加删除option</title>  
05.<script>  
06.//动态删除select中的所有options:  
07.function delAllOptions(){  
08.      document.getElementById("user_dm").options.length=0;   
09.}  
10.  
11.//动态删除select中的某一项option:   
12.function delOneOption(indx){  
13.      document.getElementById("user_dm").options.remove(indx);   
14.}  
15.  
16.// 动态添加select中的项option:   
17.function addOneOption(){  
18.      //document.getElementById("user_dm").options.add(new Option(2,"mytest"));   
19.     
20.   var selectObj=document.getElementById("user_dm");  
21.   alert(selectObj.length);  
22.   selectObj.options[selectObj.length] = new Option("mytest", "2");  
23.}  
24.</script>   
25.</head>  
26.<body>   
27.<select id="user_dm" name="user_dm">  
28.<option value="0" selecte>==请选择人员==</option>  
29.<option value="1">test</option>  
30.</select><br>  
31.<input type="button" onClick="addOneOption()" value="添加">  
32.<input type="button" onClick="delOneOption(1)" value="删除第一个">  
33.<input type="button" onClick="delAllOptions()" value="清空">  
34.</body>  
35.</html>  

#4


楼上的这个很好,非常感谢你,但是不是我想要的那种,也怪我没说清楚,我想要的是,一点击这个按钮它会弹出这个下拉框的属性窗口,然后再对其里面的内容进行操作。麻烦你再帮我思考一下吧~

#5


1、遍历Select里面的选项;
2、将选项的集合传递到你的下拉框属性窗体,在这个页面做编辑;
3、将编辑好的选项集合回传回本页面,然后通过JS再处理你的Select的内容,如3楼的那端代码;

#6


谢谢,但是麻烦你帮我把代码写出来吧,我刚学ASP.NET,笨得厉害,教教我吧~