mshtml：javascript為HTML檔案中的Select添加option

使用結合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];

   }   

  }

 }