javascript - 选项选择值不要字

例如，选择“ sishane”，我希望出现adres div图片，但它不起作用

密码：https://jsfiddle.net/yqnork11/

<select required id="otopark" name="otopark" type="text" placeholder="Otopark" class="form-control">
<option disabled selected value>Otopark Seçiniz</option>
<option value="sishane1">Şişhane</option>
<option value="buyuk1">Büyükçekmece</option>
<option value="Zeytinburnu">Zeytinburnu</option>
<option value="Kadıköy">Kadıköy</option>
<option value="Bayatpazarı">Bayatpazarı</option>
<option value="Kemalpaşa">Kemalpaşa</option>
<option value="Vardar">Vardar</option>
<option value="Aydın">Aydın</option>
</select><br>

<div id="adres"></div>

<script>
$(document).ready(function(){
$("#otopark").change(function(){
var seçilen = $('#otopark option:selected').text();
if (seçilen == "sishane1") $('#adres').html("<imgsrc='images/adres/sishane.png' />");
else if (seçilen == "buyuk1") $('#adres').html("<img src='images/adres/sishane.png' />");
}
}
</script>

最佳答案

我至少看到四个错误：


在这一行：

var seçilen = $('#otopark option:selected').text();

您得到的是选项（"Şişhane"）的文本，而不是其值（"sishane1"）。从选择中获取值：

var seçilen = $('#otopark').val();

您对change的呼叫或对ready的呼叫均未正确终止。你不见了

    );
});

从脚本末尾开始。
$('#adres').html("<imgsrc='images/adres/sishane.png' />");不起作用。您在<img后缺少空格。
除了缺少的空间（上面的＃3），您的两个条件都附加了相同的图像images/adres/sishane.png。