PLM之家精品课程培训

联系电话：18301858168 | QQ咨询：939801026

NX二次开发培训

UFUN/NXOpen C++和实战案例

适合初级入门或想深入了解二次开发的工程师，本培训结合ufun，NXOpen C++，大量的实例及官方内部的开发技术。

关注公众号

点击扫描二维码免费在线高清教程

课程详情

Catia二次开发培训

市场需求大，掌握核心技术前景广阔

Catia二次开发的市场需求大，人才稀缺。掌握开发技能潜力巨大，随着经验积累将在汽车、航空等领域有所作为。

在线原创B站视频

点击关注工业软件传道士主页

课程详情

Teamcenter培训

全方位培训，从基础应用到高级开发全覆盖

涵盖用户应用基础培训、管理员基础培训、管理员高级培训及二次开发培训等全方位内容，由多年经验讲师打造。

加入同行交流

点击扫描二维码加入QQ群

课程详情

PLM之家plmhome公众号

课程涵盖: PLM之家所有原创视频

关注B站视频

所有高清视频一览无余，全部在线播放学习

加入PLM之家QQ群

热图推荐

[前端框架] JS 操作 Select相关功能测试

[复制链接]

2019-11-4 20:15:32 1931 0

admin 发表于 2019-11-4 20:15:32 |阅读模式

admin 楼主

2019-11-4 20:15:32

请使用QQ关联注册PLM之家，学习更多关于内容，更多精彩原创视频供你学习！

您需要登录才可以下载或查看，没有账号？注册

JS 操作 Select相关功能测试

[mw_shl_code=html,true]<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
      * {
         font-size: 10px;
         line-height: 24px;
      }
</style>
</head>

<body>
//this is for the select test
<form id='myForm' action="submit" method="GET">
      <input type="text" id="inpuTChange" />
      <select name="selectFruits" id="mySelect">
         <option value="Orange1">Orange</option>
         <option value="Apple2">Apple</option>
         <option value="Banana3">Banana</option>
      </select>
      <br>
      <input type="button" value="disable">
      <input type="button" value="Able">
      <input type="button" value="getValues">
      <input type="button" value="editValues">
      <input type="button" value="addValues">
      <input type="button" value="removeValues">
      <br>

</form>

<p id="demoInput"></p>

<script>
      function disableFunc() {
         document.getElementById('mySelect').disabled = true
      }
      function ableFunc() {
         document.getElementById('mySelect').disabled = false
      }
      function getValues() {
         var text = '<ul>'
         var x = document.getElementById('mySelect')
         for (var i = 0; i < x.length; i++) {
            text += '<li>' + x.text + '</li>'6 i6 ^* O, q# W' \# e! i
         }
0 M: s. t1 I& Y2 A          text += '</ul>'. u4 r/ `+ p/ O
         document.getElementById('demoInput').innerHTML = text
$ ~$ M( R; r/ ?8 y+ Q       }5 p5 \+ M0 B2 s8 W- g  U; x
) r! z& n# g! P( N; _$ W# v$ F9 u
      function editValue() {
' A8 v! N9 S) i          var mySelected = document.getElementById('mySelect')
         var selectedIndex = mySelected.selectedIndex
" x. W& x: Q- s% Z          mySelected[selectedIndex].text = document.getElementById('inputChange').value# f6 q2 I. A( N' @% h8 O
      }
% s6 \. l: T, P4 \0 q) t
: _* e  ^* O5 V$ r  `$ b( B- }       function removeValue() {
$ B. V' x; [5 y& Z          var myselect = document.getElementById('mySelect')' R$ Y- F7 B1 ]7 @. u! H7 N
         var selectedIndex = myselect.selectedIndex
6 v3 H6 _! c) Y! t& b  `          myselect.remove(selectedIndex)  F* Y$ \1 U1 C; g7 i
      }
$ k# P  G  A( I0 i! D4 {8 Q  h8 G       function addValue() {0 s: w4 A; K. Y2 G8 r7 b; L, S
         var myselect = document.getElementById('mySelect')
# t* u" z6 Z. ^' ]. V          var addvalue = document.getElementById('inputChange').value" d- E' o0 a* f' ]
         myselect.options.add(new Option(addvalue,"value"))
8 C( c  W% m/ O/ _9 G% Y       }
5 w8 y8 b& r& F </script>
7 D  n1 Y2 r' d" T( ~% O</body>
+ @1 h" A$ Z; ^8 j' D2 N( [0 v9 z5 r; e7 L4 V
</html>[/mw_shl_code]
: E' ?' e/ W( r/ {2 K

上海点团信息科技有限公司，承接UG NX，CATIA，CREO，Solidworks 等CAx软件，Teamcenter，3D Experience等PLM软件，工业4.0数字化软件的实施\二次开发\培训相关业务，详情QQ 939801026 Tel 18301858168 网址 www.diantuankj.com/ doTeam.tech

使用道具举报

返回列表发布主题

PLM之家精品课程培训

NX二次开发培训

关注公众号

Catia二次开发培训

在线原创B站视频

Teamcenter培训

加入同行交流

PLM之家plmhome公众号

关注B站视频

加入PLM之家QQ群

PLM之家PLMHome-国产软件践行者

热图推荐

[前端框架] JS 操作 Select相关功能测试

admin 楼主

请使用QQ关联注册PLM之家，学习更多关于内容，更多精彩原创视频供你学习！

发表回复