例子：动态生成下拉菜单，在对应的文本域显示选择内容

最新推荐文章于 2024-08-07 09:14:10 发布

weixin_30588907

最新推荐文章于 2024-08-07 09:14:10 发布

阅读量359

点赞数

文章标签： java 数据库 javascript ViewUI

原文链接：http://www.cnblogs.com/nifengs/p/4828949.html

版权

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4 <meta charset="UTF-8">
 5 <title>课程</title>
 6 </head>
 7 <body>
 8 <select id="myCourse" onchange="getCourse();">
 9 <option value="" selected>--请选择一门课程---</option>
10 </select>
11 <textarea id="myares" cols=30 rows="10"></textarea>
12 <script type="text/javascript">
13     var last_select_num=3;//从数据库中查询，发现用户上次选择了3门课程
14     //动态添加第一门课程java
15     var myOption=document.createElement("OPTION");
16     myOption.value="java";
17     myOption.text="java";
18     myCourse.add(myOption);
19     //动态添加第二门课程js
20     var myOption=document.createElement("OPTION");
21     myOption.value="js";
22     myOption.text="js";
23     myCourse.add(myOption);
24     //动态添加第三门课程vs
25     var myOption=document.createElement("OPTION");
26     myOption.value="vs";
27     myOption.text="vs";
28     myCourse.add(myOption);
29     //动态添加第四门课程vs
30     var myOption=document.createElement("OPTION");
31     myOption.value="vb";
32     myOption.text="vb";
33     myCourse.add(myOption);
34 
35 function getCourse(){
36     //注意这种方式的结果，有什么区别
37     myares.value+="你选中了1："+myCourse.value+"\r\n";
38 }
39 </script>
40 </body>
41 </html>

转载于:https://www.cnblogs.com/nifengs/p/4828949.html

weixin_30588907

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
例子：动态生成下拉菜单，在对应的文本域显示选择内容

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>课程</title> 6 </head> 7 <body> 8 <select id="myCourse...
复制链接

扫一扫