節點內容-如何在javascript中獲得節點對應的內容

如何在javascript中獲得節點對應的內容

<script type="text/javascript">
function city()
{
   var arr=[["選擇城市"],["海澱","東城","朝陽區"],["武漢","新洲","黃岡"],
            ["廣州","珠海","佛山"],["浦東","新城"]];
    var index=document.getElementById("selid").selectedIndex;
    //alert(document.getElementById("selid").options[index].innerText);

    var  subnode=document.getElementById("subselid");
    var citys=arr[index];
    for(var x=0;x<citys.length;x++)
    {
    //alert(citys[x]);
    var optnode=document.createElement("option");r
    optnode.innerText=citys[x];//感覺這裡沒有實現獲得innerText的功能。。。
    subnode.appendChild(optnode);

    }
}
</script>

大家幫我看看是不是那有問題啊，也就是要做一個選擇省份然後級聯的出現所對應的城市名稱。

用alert(citys[x])可以打印出來對應的城市，但是下一步通過innerText獲取節點對應的內容就不行啦。。。怎麼辦？？？

最佳回答：

首先我和樓上的一樣，看到了;後邊的r,先把它去掉試試，如果OK了，下邊就別看了，如果還不行建議試試（因為我平時用的JQuery直接append就ok了,純js早忘記了）

//我擔心是不是你寫的代碼不兼容，下邊試一下

 function addOption(){
      //根據id查找對象，
       var obj=document.getElementById('mySelect');
       //添加一個選項
       obj.add(new Option("文本","值"));    //這個只能在IE中有效
       obj.options.add(new Option("text","value")); //這個兼容IE與firefox
 }