随笔分类 -  JS.控件

【JS/控件】Select下拉列表框点击项变化后触发事件
摘要：【HTML代码】 <select id="maskingclzSelect" onchange="showParams();"> <option value="1">one</option> <option value="2">two</option> <option value="3">three 阅读全文
posted @ 2022-04-01 16:59 不朽的飞翔 阅读(1608) 评论(0) 推荐(0)
【JS/控件】判断子组件是否文本框
摘要：【关键】 取组件的type属性，如果其为text，则可以判断其为文本框。 【示例代码】 var params=""; var paramDiv=document.getElementById("paramDiv"); var childs=paramDiv.childNodes; for(var i 阅读全文
posted @ 2022-04-01 16:04 不朽的飞翔 阅读(89) 评论(0) 推荐(0)
【JS/控件】如何取Select选择框(或称下拉列表框)的选择项
摘要：取选择框的选择项，和取文本框的文本一样，都是用控件value属性。 【代码】 var selected=document.getElementById("maskingclzSelect").value; 以上代码中，maskingclzSelect是select选择框的id。 END 阅读全文
posted @ 2022-04-01 15:58 不朽的飞翔 阅读(375) 评论(0) 推荐(0)
【JS】让页面控件得到焦点
摘要：【核心语句】 element.focus(); 【代码示例】 var projectName = document.getElementById("projectName").value; if(projectName.trim().length==0){ alert("Please input p 阅读全文
posted @ 2022-03-25 17:25 不朽的飞翔 阅读(314) 评论(0) 推荐(0)
【JS】左右两个Select的左项全倒右边、左选择项到右边、右边清除选择项、右边全清四大操作
摘要：【图】 【HTML代码】 <table border="1"> <tr> <td width="200px"> <select id="leftSelect" multiple="multiple" style="width:200px;height:200px;"> </select> </td> 阅读全文
posted @ 2022-03-25 16:56 不朽的飞翔 阅读(140) 评论(0) 推荐(0)
【JS】使用JS去填充页面上的Select下拉列表框
摘要：【下拉列表框的HTML代码】 <select id="fromSelect"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </select> 【填充Se 阅读全文
posted @ 2022-03-25 10:44 不朽的飞翔 阅读(567) 评论(0) 推荐(0)
【JS】在input中按下回车执行动作
摘要：在输入框中输入回车执行动作也算页面控件常用操作项之一了，故把代码整理出来放在这里。 代码： <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 阅读全文
posted @ 2021-12-04 19:53 不朽的飞翔 阅读(1566) 评论(0) 推荐(0)
[ZT]js 操作select和option常见用法
摘要：本文转载自：js 操作select和option常见用法 - 爱笑的小宇宙 - 博客园 (cnblogs.com) 在此对作者表示诚挚的谢意。 1、获取选中select的value和text,html <select id="mySelect"> <option value="1">one</opt 阅读全文
posted @ 2021-11-16 20:12 不朽的飞翔 阅读(171) 评论(0) 推荐(0)