mshtml:javascript为HTML文件中的Select添加option
2005-04-03 10:29
489 查看
使用结合MSHTML与WebBrowser生成美观实用的WinForm应用程序(By Lostinet)中介绍的方法写程序时遇到的一个问题的解决方法。
在AxSHDocVw.AxWebBrowser控件加载的HTML文件中有一个Select,希望动态从数据库中取得列表内容放到该Select中,要求该Select的Option中显示部门的名称,同时选中某一Option时可以传递对应的部门编号,通过
mshtml.IHTMLElement2 eleSel = (mshtml.IHTMLElement2)doc.all.item("selName", null);
((mshtml.HTMLSelectElementClass)eleSel).innerHTML = "<option ...>..</option>";
是不行的。
尝试用页面中的javascript实现该操作:
1、在Winform窗体中定义一个public类型的字符串变量,用于传递给HTML文档,规定格式为“部门名称1#部门名称2#……;部门编号1#部门编号2#……”,即该字符串(strMoreUnit)的前半部分为部门名称,后半部分为部门编号,部门名称与部门编号之间用";"分隔,部门名称与部门编号内部以"#"分隔。这样的一个字符串很容易由循环在AxSHDocVw.AxWebBrowser控件的DocumentComplete事件中构造(应该使用System.Text.StringBuilder构造以提高效率)。
2、在被加载的HTML文件中定义函数:
function SetMoreUnit()
{
var strMoreUnit = document.MainForm.SetMoreUnit();
if (strMoreUnit != "")
{
var cAll = strMoreUnit.split(";");
var cName = cAll[0].split("#");
var cID = cAll[1].split("#");
for(i=0;i<cName.length;i++)
{
var oOption = document.createElement("OPTION");
selOU.options.add(oOption);
oOption.innerText = cName[i];
oOption.value = cID[i];
}
}
}
在AxSHDocVw.AxWebBrowser控件加载的HTML文件中有一个Select,希望动态从数据库中取得列表内容放到该Select中,要求该Select的Option中显示部门的名称,同时选中某一Option时可以传递对应的部门编号,通过
mshtml.IHTMLElement2 eleSel = (mshtml.IHTMLElement2)doc.all.item("selName", null);
((mshtml.HTMLSelectElementClass)eleSel).innerHTML = "<option ...>..</option>";
是不行的。
尝试用页面中的javascript实现该操作:
1、在Winform窗体中定义一个public类型的字符串变量,用于传递给HTML文档,规定格式为“部门名称1#部门名称2#……;部门编号1#部门编号2#……”,即该字符串(strMoreUnit)的前半部分为部门名称,后半部分为部门编号,部门名称与部门编号之间用";"分隔,部门名称与部门编号内部以"#"分隔。这样的一个字符串很容易由循环在AxSHDocVw.AxWebBrowser控件的DocumentComplete事件中构造(应该使用System.Text.StringBuilder构造以提高效率)。
2、在被加载的HTML文件中定义函数:
function SetMoreUnit()
{
var strMoreUnit = document.MainForm.SetMoreUnit();
if (strMoreUnit != "")
{
var cAll = strMoreUnit.split(";");
var cName = cAll[0].split("#");
var cID = cAll[1].split("#");
for(i=0;i<cName.length;i++)
{
var oOption = document.createElement("OPTION");
selOU.options.add(oOption);
oOption.innerText = cName[i];
oOption.value = cID[i];
}
}
}
相关文章推荐
- mshtml:javascript为HTML文件中的Select添加option
- Javascript中动态向select控件添加option选项
- JavaScript实现select添加option
- javascript动态添加select的option两种方法
- javascript想select标签中添加option元素
- JavaScript为select添加option,select选项变化时的处理,获取slelect被选中的值
- Javascript向Select中添加option(备忘)
- JavaScript实现select添加option
- javascript;select动态添加和删除option
- javascript--使用js对select动态添加和删除OPTION
- javascript对select标记进行清除和添加
- JS获取当前年份,添加到HTML标签 select 的 option里
- javascript增删节点以及如何操作下拉列表select和option(源代码)
- 【JavaScript】列表(Select)选项(Option)的移动(上下左右)
- 【JavaScript】下拉列表select中在value传递多个值,取出其option显示值,并应用此作为导航
- 使用js对select动态添加和删除OPTION示例代码
- javascript之HTML(select option)详解
- select下拉列表, 从数据库查询,动态添加选项option
- jQuery对select遍历option(添加、移除)