Никаких ошибок в консоли селектор срабатывает на Firefox, но в других браузерах не работает, в чем причина?

Question

[CODALSD]

Пациент
snpoteplopribor.ru/test.html

JQVMap.prototype.select = function (cc, path) {
	console.log(cc);
	deSelectBranches();
  cc = cc.toLowerCase();
  path = path || jQuery('#' + this.getCountryId(cc))[0];

  if (!this.isSelected(cc)) {
    if (this.multiSelectRegion) {
      this.selectedRegions.push(cc);
    } else {
      this.selectedRegions = [cc];
    }

    jQuery(this.container).trigger('regionSelect.jqvmap', [cc]);
    if (this.selectedColor && path) {
      path.currentFillColor = this.selectedColor;
      path.setFill(this.selectedColor);
    }
  }
  var qbrases = jQuery('option.branches__link');
	var qkbrae = 0;
	while (typeof qbrases[qkbrae] !== 'undefined') {
	//for (var qkbrae in qbrases) {
		console.log('key: ' + qkbrae + '; value: ' + qbrases[qkbrae]);
		if (qbrases[qkbrae].getAttribute('data-region') == cc) {
			qbrases[qkbrae].setAttribute('selected', 'selected');
		}
		qkbrae++;
	}
};

При выборе города должны подгружаться адреса и меняться регион. В Firefox все срабатывает нормально но в других браузерах не работает при этом никак ошибок в консоли. Где допустили ошибку?

Comments

[heartdevil]

CODALSD

У меня firefox 52.8.1

выдает

TypeError: qbrases[qkbrae] is undefined[Learn More]

Answer 1

[tyzberd]

проблема тут

var qkbrae = 0;
  while (typeof qbrases[qkbrae] !== 'undefined') {
  //for (var qkbrae in qbrases) {
    console.log('key: ' + qkbrae + '; value: ' + qbrases[qkbrae]);
    if (qbrases[qkbrae].getAttribute('data-region') == cc) {
      qbrases[qkbrae].setAttribute('selected', 'selected');
    }
    qkbrae++;
  }

когда qkbrae == 10

Comments

[CODALSD]

Как можно решить? не хватает знаний разобраться как зациклить что бы он undefined не становился после одного прохождения

[CODALSD]

tyzberd Может я неправильно понимаю функцию как должно работать? Может подскажете как сделать что бы срабатывало?