javascript - 2 番目の (最新の) 入力フィールドが入力されている場合、入力フィールドを無効にする

Question

私はjavascriptが初めてです。このリンクを読んでカスタマイズしようとしましたが、機能していません: 2 番目の入力フィールドが入力されている場合は入力フィールドを無効にする

都市と郵便番号という 2 つのオプションをユーザーが切り替えられるようにしたいと考えています。彼らが最後に選択したフィールドを有効にし、他のフィールドを無効にしたいと考えています。たとえば、郵便番号タブで送信ボタンを押すと、都市ではなく郵便番号の入力が送信されます。その逆も同様です。

htmlは次のとおりです。

<ul class="tabs">
<li><a class="border-radius top med" href="#city">City</a></li>
<li><a class="border-radius top med" href="#zipcode">Zipcode</a></li>
</ul>
<div id="city"><label class="IDX-advancedText">City</label>
<select id="aht-home-city" name="city[]" class="IDX-select " autocomplete="off">
<option value="2115">Austin</option>
<option value="2718">Bartlett</option>
</div>
<div id="zipcode"><label class="IDX-advancedText">Zipcode</label>
<input class="IDX-advancedBox IDX-advWildText" id="IDX-aw_zipcode" type="text"
   maxlength="255" name="aw_zipcode" value="" /></div>

スクリプトは次のとおりです。

var dis1 = document.getElementById("city");
dis1.onchange = function () {
if (this.value != "" || this.value.length > 0) {
  document.getElementById("zipcode").disabled = true;
  }
}
var dis2 = document.getElementById("zipcode");
dis1.onchange = function () {
if (this.value != "" || this.value.length > 0) {
  document.getElementById("city").disabled = true;
 }
}

どんな助けでも大歓迎です！ウェブサイトはhttp://austinhometeam.staging.wpengine.com/joyce-newsletter/です。