jquery selectbox

Doğru Cevap

• 

  13 yıl önce yazılmış

  irfanevrens

  21 cevap - 0 soru

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  

  
  
  

  <script type="text/javascript">
  
  $(document).ready(function () {
  
  	$("#iller").change(function() {
  
  		var secili_deger = $('#iller option:selected').val();
  		var url = 'http://www.dmi.gov.tr/sunum/imgdurumgor-a1-p.aspx?merkez=' + secili_deger + '&renkC=f2f2f2&renkT=000&renkZ=f2f2f2'; 
  		var data = '<img src="' + url + '" />';
  
  		$('#sonuc').html(data);
  	});
  });
  
  </script>
  

  
  
  

  <select id="iller">
  	<option value="K.MARAS">KAHRAMANMARAŞ</option>
  	<option value="KARABUK">KARABÜK</option>
  	<option value="KARAMAN">KARAMAN</option>
  </select>
  
  <div id="sonuc"></div>
  

  • freelancer03
    teşekkür ederim
    13 yıl önce yazılmış

Cevaplar

• 

  13 yıl önce yazılmış

  freelancer03

  2 cevap - 2 soru
  
  Baku
  Gence
  Agdam
  
  
  ////bu html kısmı
  
  
  
  function onSelectChange(){
  
  var dropdown = document.getElementById("developer");
  
  var index = dropdown.selectedIndex;
  
  var ddVal = dropdown.options[index].value;
  
  var ddText = dropdown.options[index].text;
  
  var deger1 = ddVal;
  
  
  if(ddVal != 0) {
  
  // output = "You Selected " + ddVal;
  window.location.href = "http://localhost/deneme/index1.php?deger1=" + deger1;
  
  }
  
  document.getElementById("output").innerHTML = output;
  }
  
  // bu da javascript kısmı
  
  bu sekilde aslında hallettıim javascriptin içinden location yaptım. Sayfa yukarı çıkıyor sorgu gerçekleşiyor. Sayfanın Yüklenmesini bekliyorum. Çünkü sonucta javascript ten url ye bir deger verdım ve php nin içinden $_GET['deger1'] ile çekiyorum ve işleme tabi tutuyorum.
  Benim asıl istediğim mesela haber7.com da namaz vakitlerı ve havadurumu uygulamaları var. Aslında jquery ile olmalı ama yapamadım.
• 

  13 yıl önce yazılmış

  selam

  1 cevap - 0 soru
  Sorunuzun yanıtı aşağı yukarı şöyle bir şey.
  
  

  // selectbox'un change event'ine bir fonksiyon ata 
  $('select[name="developer"]').change(function(){ 
     // change event'i tetiklendikçe güncel değeri al ve bu bilgiyi kullanan bir ajax çağrısı yap 
     $.get("/index1.php?deger1="+$(this).val(), function(htmlResponse){ 
       // dönen cevabi div'in içine koy 
       $("#output").html(htmlResponse); 
     }) 
  });