动态加多option及createElement使用示例

来源:http://www.sh-fengwen.com 作者: 营养排行 人气:127 发布时间:2019-09-03
摘要: 动态添加option在某些特殊的情况下还是比较实用的,本文有个小示例为大家介绍下createElement使用,感兴趣的朋友可以参考下  代码如下: !DOCTYPE html  html  head titleselect.html/title    m

 动态添加option在某些特殊的情况下还是比较实用的,本文有个小示例为大家介绍下createElement使用,感兴趣的朋友可以参考下

 代码如下: <!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 +"rn";  }  -->  </script>  </body>  </html>   

代码如下:!DO...

本文由美高梅游戏平台网站发布于 营养排行,转载请注明出处:动态加多option及createElement使用示例

关键词:

上一篇:js中创建对象的几种方式示例介绍

下一篇:没有了

最火资讯