JS: выходные несогласованности

Question

Этот код получает ввод пользователя и заменить его на "выбрано", Пример

первого входного сигнала входного
Пользователь:

Apple 

процесса (что происходит внутри):

"img2/" + Apple + ".jpg"; 

Выход:

Apple.jpg (image) 

Проблема заключается в том, как только пользователь вводит запрос, который не имеет соответствующий образ кода, выводит предыдущий один

второго входного сигнала пользовательского ввода:

Orange 

процесса (что происходит внутри) :

"img2/" + Apple + ".jpg"; 

Выход:

Apple.jpg (image) //wrong incorrect 

var q = document.getElementById("code"); 


if (q.selectedIndex > 0) { 

var selected = q.options[q.selectedIndex].value; 
var src = "img2/" + selected + ".jpg"; 
var img = document.getElementById("placeholderImg"); 
img.src = src; 
img.style.display = "inline"; 

} 

<select name="code" id="code" size="" disabled="true" hidden="true"> 
<option value="Apple">Apple</option> 
<option value="Atis">Atis</option> 
//so on and so forth 

как я могу это исправить? любое предложение мнение высоко ценится

Answer 1

Ваша ошибка лежит в пределах линии

if (q.selectedIndex > 0) 

Свойство selectedIndex является 0 при выборе первой строки (в вашем случае «Яблоко»). Это утверждение if будет работать только в том случае, если выбрано что-то другое, чем «Apple».
Недвижимость selectedIndex является -1, когда ничего не выбрано, а не 0!

Вы должны заменить его следующим утверждением:

if (q.selectedIndex > -1)