IE / Firefox中的Ajax問題

Question

嗨，我有一個ajax腳本，它可以驗證輸入到文本框中的用戶信息。 在Internet Explorer中，這工作正常，但是在FireFox中，從列表框中獲取性別時出現錯誤。 我已將性別放入隱藏的文本框中，以便於處理。 我在FF中得到的錯誤是

dd為null [此錯誤中斷] theindex = dd.options [dd.selectedIndex] .value;

我在javascript中的功能如下，它是在身體負載上加載的，或者一旦更改了所選擇的性別，

函數get_gender（）{
{

    var dd = document.getElementById("gender_select");
    theindex = dd.options[dd.selectedIndex].value;
    thevalue = dd.options[dd.selectedIndex].text;
    }

    document.getElementById("gender_text").value = thevalue;    

}  

我遇到的另一個問題是隱藏一個div框，這在其他所有瀏覽器中都可以正常運行，但在IE中卻不能。 僅在給出錯誤后才顯示div框，但在IE中始終顯示div框。

我正在使用此行執行此操作：document.getElementById（“ username_div”）。style.visibility =“ hidden”;

無需粘貼我的所有代碼，可以在以下位置查看實時頁面：

http://elliottstocks.com/assignment/sign_up/忽略登錄框，可以正常工作。

任何意見/幫助將不勝感激。 非常感謝=）

Answer 1

getElementByID要求HTML元素具有ID，只是名稱不夠好。

<select name="gender_select" id="gender_select" onChange="get_gender()">
  <option>Male</option> <option>Female</option>  
</select>

Answer 2

對於空錯誤更改：

<select onchange="get_gender()" name="gender_select">

至

<select onchange="get_gender()" name="gender_select" id="gender_select">

document.getElementById正在DOM中尋找具有給定id屬性的元素。 它在IE中起作用的原因是因為它也允許按name屬性進行選擇。

Answer 3

對於第二個問題，您可能想要嘗試顯示='none'; 為您的元素。 請注意，此行為不同於可見性=隱藏。