連動式下拉選單抓不到value

ptw0518
<script>
area = new Array();
area[0] = ["請選擇區域"];
area[1] = ["中正區", "大同區", "中山區", "松山區", "大安區", "萬華區", "信義區", "士林區", "北投區", "內湖區", "南港區", "文山區"]; // 台北市
area[2] = ["萬里區", "金山區", "板橋區", "深坑區", "石碇區", "瑞芳區", "平溪區", "雙溪區", "貢寮區", "新店區"]; // 新北市

function selectArea(index) {
for (var i = 0; i < area[index].length; i++)
document.myForm.member.options[i] = new Option(area[index][i], area[index][i]); // 設定新選項
document.myForm.member.length = area[index].length; // 刪除多餘的選項
}
</script>

<select onChange="selectArea(this.selectedIndex);" id="stArea1">
<option value="">請選擇縣市</option>
<option value="台北市">台北市
<option value="新北市">新北市

</select>
<select id=" member" name="member">
<option value="" >請選擇區域
</select>

問題敘述:當我選台北市時,可以在另一個下拉式選單顯示 "中正區", "大同區" ...等等,
但是我用 document.getElementsById('member').value 則取不到值
用 document.getElementsByName('member').value 則取到undifined
我該怎麼改寫比較好呢?
謝謝




最有價值解答

彩虹
你多打了 s => getElement(s)
應為如下:
document.getElementById("member").value 


另外你貼的 code 是目前的版本嗎,例如 <option> 怎麼沒有 </option> 結尾....

彩虹
另外你的 <select id="多了空白鍵member">
應為如下
<!-- 正確 -->
<select id="member></select>
<!-- 錯誤 -->
<select id=" member></select>

彩虹
上面我打太快,忘記右邊的雙引號
<!-- 正確 -->
<select id="member"></select>
<!-- 錯誤 -->
<select id=" member"></select>

彩虹
嗨,不曉得還有沒有遇到什麼問題
都沒有回應的話,實在不知道遇到如何繼續協助你

這個問題很好處理的,有空記得回應一下唷
ptw0518
感謝彩虹大大熱心回答,感激不盡
問題已經解決
我加入了
<select name="member" id="member" onchange="InputMember(this.options[this.selectedIndex].innerHTML)">
<option value="">請選擇區域
</select>

在javascript加入
<script>
var stAddAddress;
function InputMember(object) {
stAddAddress = object;
//alert(document.getElementById("AddAddress").innerHTML)
}
</script>

值放到stAddAddress裡
回到頂部