2016-12-01 168 views
1

如“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> 

回答

0

应该

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

没有工作再次 –

3

我看到至少有四个错误:

  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

+0

没有工作再次 –

+0

@KadirAkyüz:寻找过去的第一个错误,我看到至少有三个我上面标记了。由于应有的尊重,我建议在发布问题之前进行更多的调试,关注Web控制台中的错误等。编程是* details *中的练习。以上几乎都是不注意细节的结果。 –