javascript操作html控件实例(javascript添加html)


Posted in Javascript onDecember 02, 2013
//下拉列表的填充
 _showSchools: function (data) { //data代表是一个数据对象
                var mySelect = document.getElementById("selectSchools"); //获取下拉框
                mySelect.options.length = 0;
                //将option添加到select标签里面
                for (var index in data) {
                    var item = data[index];
                    var opp = new Option(item.SchoolName, item.name);  //第一个参数代表下拉框显示的内容,第二个代表下拉框选中的内容
                    opp.name = "option" + index;
                    mySelect.add(opp);
                }
            },
//下拉列表内容的获取
var schoolId = document.getElementById("selectSchools").value;
//我们平时是选中下拉框的值是选中的内容,而不是显示的内容,如何获取显示的内容呢,下面是获取下拉框的选中的显示内容
function on_idmbzd_change(){ 
    var sel_obj=document.getElementById("idMbzd");
    var index=sel_obj.selectedIndex;
    alert(sel_obj.options[index].value);
    alert(sel_obj.options[index].text);
}
//单选按钮的内容的获取
 var chkObjs = document.getElementsByName("radio");
                var checkvalue = null;
                for (var i = 0; i < chkObjs.length; i++) {
                    if (chkObjs[i].checked) {
                        checkvalue = parseInt(chkObjs[i].value);
                    }
                }
//单选按钮的设置
if (entity.SelectType == 1) document.getElementById("SelectType").checked = true;
if (entity.SelectType == 0) document.getElementById("UnSelectType").checked = true;
//多选框的设置
setCheckBox: function (data) {
                var courseList = document.getElementsByName("CourseList");
                for (var i = 0; i < courseList.length - 1; i++) {
                    if (courseList[i].value==data) {
                        courseList[i].checked=true;
                    }
                }
            },
Javascript 相关文章推荐
js 格式化时间日期函数小结
Mar 20 Javascript
常见JS效果之图片减速度滚动实现代码
Dec 08 Javascript
javascript实现日历控件(年月日关闭按钮)
Dec 12 Javascript
js关闭当前页面(窗口)的几种方式总结
Mar 05 Javascript
js日期对象兼容性的处理方法
Jan 28 Javascript
js 获取页面高度和宽度兼容 ie firefox chrome等
May 14 Javascript
jQuery中document与window以及load与ready 区别详解
Dec 29 Javascript
jQuery仿360导航页图标拖动排序效果代码分享
Aug 24 Javascript
跟我学习javascript的prototype原型和原型链
Nov 18 Javascript
Angular4 中内置指令的基本用法
Jul 31 Javascript
Vue使用.sync 实现父子组件的双向绑定数据问题
Apr 04 Javascript
js+css3实现简单时钟特效
Sep 13 Javascript
解析Javascript中大括号“{}”的多义性
Dec 02 #Javascript
解析JavaScript中点号“.”的多义性
Dec 02 #Javascript
解析JavaScript中的不可见数据类型
Dec 02 #Javascript
Jquery使用Firefox FireBug插件调试Ajax步骤讲解
Dec 02 #Javascript
jquery遍历之parent()和parents()的区别及parentsUntil()方法详解
Dec 02 #Javascript
jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
Dec 02 #Javascript
javascript中对Attr(dom中属性)的操作示例讲解
Dec 02 #Javascript
You might like
php mssql 时间格式问题
2009/01/13 PHP
处理(php-cgi.exe - FastCGI 进程超过了配置的请求超时时限)的问题
2013/07/03 PHP
php实现httpclient类示例
2014/04/08 PHP
php多个文件及图片上传实例详解
2014/11/10 PHP
php过滤所有的空白字符(空格、全角空格、换行等)
2015/10/27 PHP
php中preg_replace正则替换用法分析【一次替换多个值】
2017/01/17 PHP
PHP微信模板消息操作示例
2017/06/29 PHP
通过修改Laravel Auth使用salt和password进行认证用户详解
2017/08/17 PHP
ThinkPHP5.0框架控制器继承基类和自定义类示例
2018/05/25 PHP
jquery实现商品拖动选择效果代码(自写)
2013/05/28 Javascript
JS的get和set使用示例
2014/02/20 Javascript
浅析Node.js中使用依赖注入的相关问题及解决方法
2015/06/24 Javascript
初步使用bootstrap快速创建页面
2016/03/03 Javascript
ionic组件ion-tabs选项卡切换效果实例
2016/08/27 Javascript
Asp.Net之JS生成分页条的方法
2016/11/23 Javascript
Vuex2.0+Vue2.0构建备忘录应用实践
2016/11/30 Javascript
nodejs的压缩文件模块archiver用法示例
2017/01/18 NodeJs
JavaScript中的E-mail 地址格式验证
2018/03/28 Javascript
Javascript前端下载后台传来的文件流代码实例
2020/08/18 Javascript
jQuery实现简单弹幕制作
2020/12/10 jQuery
[03:48]大碗DOTA
2019/07/25 DOTA
python如何修改装饰器中参数
2018/03/20 Python
python 定时器每天就执行一次的实现代码
2019/08/14 Python
python GUI库图形界面开发之PyQt5信号与槽的高级使用技巧(自定义信号与槽)详解与实例
2020/03/06 Python
python实现梯度下降和逻辑回归
2020/03/24 Python
为什么UNION ALL比UNION快
2016/03/17 面试题
请解释virtual关键字的含义
2015/06/17 面试题
长青弘远的面试题
2012/06/09 面试题
学校招生宣传广告词
2014/03/19 职场文书
乡领导班子四风问题对照检查材料
2014/09/25 职场文书
诉讼授权委托书范本
2014/10/05 职场文书
春季运动会开幕词
2015/01/28 职场文书
2016消防宣传标语口号
2015/12/26 职场文书
2017寒假社会实践心得体会范文
2016/01/14 职场文书
nginx安装以及配置的详细过程记录
2021/09/15 Servers
7个关于Python的经典基础案例
2021/11/07 Python