Merhaba,

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>