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 相关文章推荐
javascript不同页面传值的改进版
Sep 30 Javascript
分享27个jQuery 表单插件集合推荐
Apr 25 Javascript
解析Javascript中大括号“{}”的多义性
Dec 02 Javascript
火狐下input焦点无法重复获取问题的解决方法
Jun 16 Javascript
JavaScript定时器和优化的取消定时器方法
Jul 03 Javascript
浅谈javascript中遇到的字符串对象处理
Nov 18 Javascript
canvas基础绘制-绚丽倒计时的实例
Sep 17 Javascript
JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法
Sep 21 Javascript
在 Angular中 使用 Lodash 的方法
Feb 11 Javascript
angular实现input输入监听的示例
Aug 31 Javascript
微信小程序授权登陆及每次检查是否授权实例代码
Sep 18 Javascript
Vue使用Three.js加载glTF模型的方法详解
Jun 14 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
咖啡的化学
2021/03/03 咖啡文化
PHP实现获取域名的方法小结
2014/11/05 PHP
PHP中非常有用却鲜有人知的函数集锦
2019/08/17 PHP
javascript globalStorage类代码
2009/06/04 Javascript
别了 JavaScript中的isXX系列
2012/08/01 Javascript
JQuery实现鼠标滑过显示导航下拉列表
2013/09/12 Javascript
JS中三目运算符和if else的区别分析与示例
2014/11/21 Javascript
Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结
2015/04/15 Javascript
原生JS实现图片轮播与淡入效果的简单实例
2016/08/21 Javascript
微信小程序(应用号)简单实例应用及实例详解
2016/09/26 Javascript
原生JS仿QQ阅读点击展开、收起效果
2017/03/08 Javascript
JS实现的全排列组合算法示例
2017/10/09 Javascript
解决Vue2.x父组件与子组件之间的双向绑定问题
2018/03/06 Javascript
小程序选项卡以及swiper套用(跨页面)
2020/06/19 Javascript
[48:12]Secret vs Optic Supermajor 胜者组 BO3 第三场 6.4
2018/06/05 DOTA
Python实现多并发访问网站功能示例
2017/06/19 Python
Python排序搜索基本算法之冒泡排序实例分析
2017/12/09 Python
Windows环境下python环境安装使用图文教程
2018/03/13 Python
基于python 爬虫爬到含空格的url的处理方法
2018/05/11 Python
PyCharm第一次安装及使用教程
2020/01/08 Python
python/golang实现循环链表的示例代码
2020/09/14 Python
纯css3实现照片墙效果
2014/12/26 HTML / CSS
CSS3色彩模式有哪些?CSS3 HSL色彩模式的定义
2016/04/26 HTML / CSS
Debenhams百货英国官方网站:Debenhams UK
2016/07/12 全球购物
如何提高MySql的安全性
2014/06/19 面试题
中医药大学毕业生自荐信
2013/11/08 职场文书
房地产融资计划书
2014/01/10 职场文书
小班秋游活动方案
2014/02/22 职场文书
党的群众路线教育实践活动心得体会900字
2014/03/07 职场文书
科长竞争上岗演讲稿
2014/05/12 职场文书
暖通工程师岗位职责
2014/06/12 职场文书
2014年校长工作总结
2014/12/11 职场文书
歌舞青春观后感
2015/06/10 职场文书
Golang 空map和未初始化map的注意事项说明
2021/04/29 Golang
Python 中 Shutil 模块详情
2021/11/11 Python
浅谈GO中的Channel以及死锁的造成
2022/03/18 Golang