动态添加option createElement使用

最新推荐文章于 2023-11-09 09:20:03 发布

蟹道人

最新推荐文章于 2023-11-09 09:20:03 发布

阅读量2k

点赞数 1

分类专栏： javascript基础部分学习文章标签： javascript

本文链接：https://blog.csdn.net/csdt_csdt/article/details/18772651

版权

javascript基础部分学习专栏收录该内容

51 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
  <head>
    <title>select.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body>
    <select id = "myCourse" onchange = "getCourse();">
    <option value = "" selected>--请选择一门课程--</option>
    </select>
    
    <textarea id = "myares" rows="10" cols="30"></textarea>
    <script type="text/javascript" type = "text/javascript">
    	<!--
    		var last_select_num = 3;//加入从数据库中查询
    		
    		//动态添加第一门课程
    		var myOption = document.createElement("option");
    		myOption.value = "java";
    		myOption.text = "java";
    		myCourse.add(myOption);
    		
    		//动态添加第二门课程、
    		myOption = document.createElement("option");
    		myOption.value = "oracle";
    		myOption.text = "oracle";
    		myCourse.add(myOption);
    		
    		//动态添加第三门课程、
    		myOption = document.createElement("option");
    		myOption.value = "javaEE";
    		myOption.text = "javaEE";
    		myCourse.add(myOption);
    		
    		function getCourse(){
    			myares.value += "你选择了："+myCourse.value +"\r\n";
    		}
    	-->
    </script>
  </body>
</html>

蟹道人

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
动态添加option createElement使用

select.html --> --请选择一门课程-- <!-- var last_select_num = 3;//加入从数据库中查询 //动态添加第一门课程 var myOption = document.
复制链接

扫一扫