例如选择了“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
.
关于javascript - 选项选定值不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40905079/