选项选择值不要单词

时间:2016-12-01 07:41:18

标签: javascript jquery html css

例如“sishane”被选中,我希望adres div图片来,但它不起作用

LİVE代码: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>

2 个答案:

答案 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

答案 1 :(得分:0)

应该是

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