Почему не срабатывает selectedIndex?

Question

[newaitix]

<select id="secession_NP" style="display: none;">
<option value="null">текс</option>
<option value="null">текс1</option>
<option value="null">текс2</option>
<option value="null">текс3</option>
<option value="null">текс4</option>
<option value="null">текс5</option>
<option value="null">текс6</option>
<option value="null">текс7</option>
<option value="null">текс8</option>
</select>

И скрипт

document.addEventListener('DOMContentLoaded',function(){
//...
if(json.checked)
document.getElementById('secession_NP').style.display='block';
document.getElementById('secession_NP').selectedIndex=5;
}, false);

Но позиция не меняется почему ?Остается выбранным первый пункт select

Comments

[newaitix]

Если сделать по settimeout то все работат

Answer 1

[Валерий]

У вас условие json.checked не выполняется.

Comments

[newaitix]

Выполняется

[newaitix]

Не нужно гадать на кофейной гуще. Все работает как часы там стоит //... что значит что есть код выше

if(typeof localStorage.getItem('myCat')!='undefined'){
		if(localStorage.getItem('myCat')!=''){
			if(JSON.parse(localStorage.getItem('myCat'))){
				var json=JSON.parse(localStorage.getItem('myCat'));
				document.getElementById('block-customerinfo').querySelectorAll('#ogvsf')[0].checked=json.checked;
				if(json.checked)
					document.getElementById('secession_NP').style.display='block';
				document.getElementById('address_form').value=json.textarea;
				var int=setInterval(function(){
					if(document.getElementById('secession_NP').style.display='block'){
						document.getElementById('secession_NP').selectedIndex=json.np;
						clearInterval(int);
					}
				}, 400);
				//localStorage.setItem('myCat', '');
			}
		}
	}

[newaitix]

Могу еще больше кода кинуть только толку ?

[Валерий]

newaitix, так а тут гадать и не приходится, без этого условия всё норм работает: https://codepen.io/anon/pen/ZowZjp