javascript操作html控件实例(javascript添加html)_基础知识
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript操作html控件实例(javascript添加html)_基础知识,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1789字,纯文字阅读大概需要3分钟。
内容图文
![javascript操作html控件实例(javascript添加html)_基础知识](/upload/InfoBanner/zyjiaocheng/319/70d4e98161a64c4db9f1bf76c51be986.jpg)
//下拉列表的填充
_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操作html控件实例(javascript添加html)_基础知识全部内容,希望文章能够帮你解决javascript操作html控件实例(javascript添加html)_基础知识所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。