選擇下拉框選項不會影響頁面

Question

我正在嘗試制作一個擴展程序，以使其便於在網站的結帳頁面上填寫信息（您可能必須先添加到購物車，然后才能轉到結帳頁面）。 當前，我只是將某個option標簽的“ selected”值設置為true，但似乎並未按預期影響頁面。 我在結帳頁面上談論的是“國家和州”選擇（我希望它是加拿大和不列顛哥倫比亞省）。 傾向於香草Javascript

這是我的代碼：

var checkoutSelects = document.querySelectorAll("select:not([type=hidden])");

for(var i = 0; i < checkoutSelects.length; i++) {
  if(checkoutSelects[i].getAttribute("id").toLowerCase().includes('country')) {
      var countryOptions = checkoutSelects[i].querySelectorAll('option');

      for(var a = 0; a < countryOptions.length; a++) {
        if(countryOptions[a].value.toLowerCase().includes("canada")) {
            countryOptions[a].selected = true;
        }
    }
  }
}

Answer 1

你可以嘗試countryOptions.selectedIndex = a; 代替countryOptions [a] .selected = true;