Açılır kutudan birşey seçildiğinde bir uyarı vermek

Tutaste · 29 Kasım 2012

Merhaba,

Diğer zamanlarda devamlı karşıma çıkardı ama şimdi ararken bulamadım

Select liste yanı açılır kutudan herhangi bir şey seçerse bir uyarı mesajı vermek "Bak bunu seçtiniz ama bu şu şu işi yapar bilginiz olsun" gibi bir mesaj vemek istiyorum sadece bir mesaj verecek başka işlemi olmayacak böyle bir JavaScript bilen veya elinde olan paylaşabilirmi?

Hakan Damar · 29 Kasım 2012

ilgili HTML kontrolünün onChange event'na bir method veriyorsunuz örn: showMsg() gibi siz Select box'tan bir seçim yaptığınızda bu event fire oluyor yani çalışıyor. Sizde ilgili method içerisinde işlemlerinizi yapıyorsunuz.

Örn;

Kod:

 <html>
   <head>
	 <script language="javascript">
             function showMsg(){
                alert("Değiştirdin");
            }
     </script>
   </head>
   <body>
     <select id="sb1" name="sb1" onChange="showMsg()">
           <option value="A-1">A 1</option>
           <option value="X-Y-Z">X Y Z</option>
    </select>
  </body>
  </html>

JQuery ile çalışırsanız her zaman bir çok işlemi daha kolay ve hızlı yapabilirsiniz.

http://jquery.com

İyi Çalışmalar.

Tutaste · 29 Kasım 2012

Öyle bilgiye sahip değilim

bende böyle birşey buldum ama ilk seçenek boş yapmak istiyorum ve boş seçildiğinde uyarı vermesin olurmu acaba?

<script type="text/javascript">
function addEventsToHTML(){
var cars = document.getElementById('cars');
cars.onchange = changeHandler;
function changeHandler(){
alert("You changed to "+this.value);
}
}
window.onload = addEventsToHTML;
</script>
<select id="cars">
<option value=""></option>
<option value="Mustang">Mustang</option>
<option value="Viper">Viper</option>
<option value="Corvette">Corvette</option>
</select>

Hakan Damar · 29 Kasım 2012

Boş seçtiğinde uyarı vermeyen versiyonu bu şekilde;

HTML:

 <html>
   <head>
	 <script language="javascript">
             function showMsg(){
                var sb = document.getElementById("sb1");
                if(sb != ""){
                      alert("Değiştirdin");
                }
            }
     </script>
   </head>
   <body>
     <select id="sb1" name="sb1" onChange="showMsg()">
           <option value=""></option>
           <option value="A-1">A 1</option>
           <option value="X-Y-Z">X Y Z</option>
    </select>
  </body>
  </html>

Tutaste · 29 Kasım 2012

Teşekkür ederim elinize salık

Tutaste · 29 Kasım 2012

Hakan Damar' Alıntı:

Boş seçtiğinde uyarı vermeyen versiyonu bu şekilde;

HTML:

 <html>
   <head>
	 <script language="javascript">
             function showMsg(){
                var sb = document.getElementById("sb1");
                if(sb != ""){
                      alert("Değiştirdin");
                }
            }
     </script>
   </head>
   <body>
     <select id="sb1" name="sb1" onChange="showMsg()">
           <option value=""></option>
           <option value="A-1">A 1</option>
           <option value="X-Y-Z">X Y Z</option>
    </select>
  </body>
  </html>

Olmadı ustam boş içinde mesaj veriyor

Hakan Damar · 29 Kasım 2012

ufak bir kısmını unutmuşum. Bu şekilde çalışır;

HTML:

 <html>
   <head>
	 <script language="javascript">
             function showMsg(){
                var sb = document.getElementById("sb1");
                if(sb.value != ""){
                      alert("Değiştirdin");
                }
            }
     </script>
   </head>
   <body>
     <select id="sb1" name="sb1" onChange="showMsg()">
           <option value=""></option>
           <option value="A-1">A 1</option>
           <option value="X-Y-Z">X Y Z</option>
    </select>
  </body>
  </html>

Tutaste · 29 Kasım 2012

Şimdi doğr çalıştı teşekkür ederim elinize sağlık

Açılır kutudan birşey seçildiğinde bir uyarı vermek

Tutaste

0

Hakan Damar

0

Tutaste

0

Hakan Damar

0

Tutaste

0

Tutaste

0

Hakan Damar

0

Tutaste

0

Çevrimiçi üyeler

Botlar