选择下拉框选项不会影响页面

Question

我尝试制作一个选项，以便在website的结帐页面上填写信息（您可能需要先添加到购物车才能进入结帐页面） 。目前我只是设置＆＃34;选择＆＃34;某个option标记的值为true，但似乎不会按预期影响页面。我在结账页面上谈论国家和州的选择（我希望它是加拿大和不列颠哥伦比亚省）。宁愿使用vanilla 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;