選項選擇價值不字

Question

如「sishane」時，我想ADRES格畫面來，但它不工作

實時代碼：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> 

Answer 1

應該

var seçilen = $(this).val(); 

Answer 2

我看到至少有四個錯誤：

1. 在這一行：

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

   你得到的選擇（"Şişhane"）的文本，而不是它的值（"sishane1"）。從選擇中獲得的價值：

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

2. 無論您的來電change也不您的來電ready是正確終止。你缺少

   ); 
   }); 
   

   從腳本的末尾。

3. $('#adres').html("<imgsrc='images/adres/sishane.png' />");不起作用。您在<img之後缺少空格。

4. 除了缺少的空間（上面＃3），您的兩個條件都附加相同的圖像images/adres/sishane.png。