javascript - .selected が Safari で機能しない

Question

ユーザーがドロップダウン リストから「既婚」を選択すると、配偶者の情報を求めるテキスト フィールドが表示されるフォームがあります。Firefox と IE ではすべて正常に動作しますが、Safari では問題が発生します。

HTMLは次のとおりです。

<ul>
<li>
              <label for="maritalStatus">Marital Status</label><br/>
              <select name="maritalStatus" id="maritalStatus" tabindex="80">
                <option name="Single" id="Single" value="Single" selected="selected" onClick="imSingle()">Single</option>

                <option id="Married" name="Married" value="Married" onClick="imMarried()">Married</option>

              </select>
            </li>

<li id="spouseFullName">
              <label for="spouseFullName">Spouse Full Name</label><br/>
              <input type="text" name="Spouse Full Name" id="spouseFullNameField" onchange="spouseName()" tabindex="90"/>
            </li>
            <li id="spouseDOB">
              <label for="spouseDOB">Spouse Date of Birth</label><br/>
              <input type="text" name="Spouse DOB" id="spouseDOB" tabindex="100" />
            </li>
            <li id="spouseOccupation">
              <label for="spouseOccupation">Spouse Occupation</label><br/>
              <input type="text" name="Spouse Occupation" id="spouseOccupation" tabindex="101" />
            </li>
</ul>

これがJavaScriptです：

document.getElementById("spouseFullName").style.display = "none";
document.getElementById("spouseDOB").style.display = "none";
document.getElementById("spouseOccupation").style.display = "none";

function imMarried() {
    if (document.getElementById('Married').selected){
        document.getElementById("spouseFullName").style.display = "block";
        document.getElementById("spouseDOB").style.display = "block";
        document.getElementById("spouseOccupation").style.display = "block";
    }
}

私はJavaScriptを有効にしています。