在XUL中使用DOM JavaScript动态创建复选框
create checkbox dynamically using DOM JavaScript in XUL
我想在XUL中使用DOM JavaScript动态创建树值复选框:这个函数用于获取XUL树的值:
function choose() {
var tree = document.getElementById('myTodoListTree');
for (var i = 0; i < tree.view.rowCount; i++) {
if (tree.view.getCellValue(i, tree.columns.getColumnAt(0)) == 'true'){
alert(
tree.view.getCellText(i, tree.columns.getNamedColumn("name"))+"'n"+
tree.view.getCellText(i, tree.columns.getNamedColumn("lastname"))+"'n"+
tree.view.getCellText(i, tree.columns.getNamedColumn("gmail"))+"'n"+
tree.view.getCellText(i, tree.columns.getNamedColumn("yahoo"))+"'n"+
tree.view.getCellText(i, tree.columns.getNamedColumn("url"))+"'n"+
tree.view.getCellText(i, tree.columns.getNamedColumn("facebook-id"))
);
var firstName= tree.view.getCellText(i, tree.columns.getNamedColumn("name"));
var lastName= tree.view.getCellText(i, tree.columns.getNamedColumn("lastname"));
var Gmail= tree.view.getCellText(i, tree.columns.getNamedColumn("gmail"));
var Yahoo= tree.view.getCellText(i, tree.columns.getNamedColumn("yahoo"));
var Facebook = tree.view.getCellText(i, tree.columns.getNamedColumn("url"));
var FacebookId = tree.view.getCellText(i, tree.columns.getNamedColumn("facebook-id"));
}
}
return arr;
}
这个mybox,我想在这个框中添加动态创建的组框复选框:
最后,我学会了如何动态创建元素。
这就是解决方案:这里我已经动态地创建了组框,标题和复选框。
function choose()
{
alert('hi');
var tree = document.getElementById('myTodoListTree');
for (var i = 0; i < tree.view.rowCount; i++) {
if (tree.view.getCellValue(i, tree.columns.getColumnAt(0)) == 'true'){
var empty = " ";
var contact = (tree.view.getCellText(i, tree.columns.getNamedColumn("name"))+ empty+
tree.view.getCellText(i, tree.columns.getNamedColumn("lastname"))+ empty+ "Contacts:");
var ggmail = tree.view.getCellText(i, tree.columns.getNamedColumn("gmail"));
var yyahoo = tree.view.getCellText(i, tree.columns.getNamedColumn("yahoo"));
var existingEl = document.getElementById('box');
var capt = document.createElement('groupbox');
existingEl.appendChild(capt);
var captionEl = document.createElement('caption');
capt.appendChild(captionEl);
captionEl.setAttribute('label', contact );
captionEl.setAttribute('style', 'color: blue;');
var existing = document.getElementById('box');
var checkbox = document.createElement('checkbox');
capt.appendChild(checkbox);
checkbox.setAttribute('label', ggmail );
checkbox.setAttribute("checked", "false")
checkbox.setAttribute('style', 'color: green;');
var existing = document.getElementById('box');
var checkbox = document.createElement('checkbox');
capt.appendChild(checkbox);
checkbox.setAttribute('label', yyahoo);
checkbox.setAttribute("checked", "false")
checkbox.setAttribute('style', 'color: green;');
}
}
return arr;
}
相关文章:
- 如何使Javascript动态html表及其上的事件
- 使用JavaScript动态插入DIV的成本有多高
- Javascript动态变量(添加了随机数)
- JavaScript-动态SVG-onload属性-未触发事件
- 传递给 PHP 表单时 JavaScript 动态变量上的未定义索引
- 如何在没有ajax的情况下将javascript动态数据发送到php变量
- 使用javascript动态创建html内容/元素
- 带有多个答案选项的Javascript动态数组窗口
- JavaScript:动态扩展原型是一种糟糕的做法
- Javascript+动态菜单+当前链接样式(CSS)+基于PHP的网站
- javascript动态内容与选择长运行脚本
- Javascript:动态更改CSS文件+Cookie
- 使用javascript动态计算top属性
- 使用javascript动态选择幻灯片放映的图像
- 如何访问用javascript动态生成的textarea的文本内容
- Javascript动态表,每个单元格都有一个onmouse事件
- Php,Javascript-动态表单id's和动态验证
- JavaScript动态附加到搜索字段
- 如何将CSRF令牌添加到javascript动态生成的表单中
- 从Javascript动态构建JSON对象列表