selectbox a göre div gösteriyorum ama sadece açılan o div'in doldurulmasını zorunlu kılamıyorum seçili değilkende doldurulması isteniyor
bilgili arkadaş yardımcı olursa çok sevinirim..
<meta charset="utf-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-rc1/jquery.min.js"></script>
<form name="tamam" method="post" action="">
<div class="kno">
<label>Kalkış Noktası</label>
<select id="kno" name="kno" required>
<option value="">Seçiniz</option>
<option value="Ankara">Ankara</option>
<option value="Antalya">Antalya</option>
<option value="İzmir">İzmir</option>
<option value="Diyarbakır">Diyarbakır</option>
<option value="İstanbul">İstanbul</option>
<option value="Trabzon">Trabzon</option>
</select>
</div>
<div class="bno">
<label>Numara1</label>
<input type="text" maxlength="8" id="bno" class="numeric" name="bno" required>
</div>
<div class="bno2">
<label>Numara2</label>
<input type="text" maxlength="8" id="bno2" class="numeric" name="bno2" required>
</div>
<input type="submit" value="TAMAM"/>
<script>
$(document).ready(function(){
$(".bno").hide();
$(".bno2").hide();
});
$("#kno").change(function(){
if( $(this).val() == 'Antalya' || $(this).val() == 'İzmir' ){
$(".bno").show();
}else{
$(".bno").hide();
}
});
$(document).ready(function(){
$(".bno2").hide();
});
$("#kno").change(function(){
if( $(this).val() == 'Trabzon'){
$(".bno2").show();
}else{
$(".bno2").hide();
}
});
</script> 