Option'a göre değişken ekleme

10.11.2019 21:13

Durotan WM Aracı Kullanıcı

Üyelik 28.02.2014
Yaş/Cinsiyet 30 / E
Meslek 3D Sanatçı
Konum Kocaeli

Ad Soyad F** T**
Mesajlar 1676
Beğeniler 204 / 342
Ticaret 2, (%100)

Merhabalar. Alttaki gibi bir option düşünün.

Bu option'ın hemen altında şöyle bir div düşünün:



Gereken HP: 200

Gereken HP: 300

Option'da her seçeneği seçtiğimde altındaki bu DIV'lerdeki 200, 300 gibi değerlerin ona göre değişmesini istiyorum.

Bunu nasıl yapabilirim? Hangi özellikleri kullanmam gerekir?

10.11.2019 21:26

#2

Abdullahx MW Aracı Kullanıcı

Üyelik 03.04.2019
Yaş/Cinsiyet 30 / E
Meslek .
Konum Trabzon

Ad Soyad A** K**
Mesajlar 905
Beğeniler 393 / 395
Ticaret 3, (%100)

jquery kütüphanesi kullanarak javascript in onchange fonksiyonuna bir göz atın

1 kişi bu mesajı beğendi.

10.11.2019 23:40

#3

ozmencelik Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 03.01.2016
Yaş/Cinsiyet 40 / E
Meslek .Net Developer - İng Öğretmeni
Konum İzmir

Ad Soyad Ö** Ç**
Mesajlar 339
Beğeniler 39 / 160
Ticaret 0, (%0)

Abdullahx doğru demiş bunu js query ile yapabilirsin yada illa jquery değil hangi js kütüphanesini kullanacaksan artık.
Mantıgıda önce class yada id ver değişecek taglarına sonra function unu hazırla ve x seçildiğinde yada tıklandığında git bunu ... yap gibi kodlarını yaz .

sana kaynak olarak w3school u öneririm orada bütün cevapların var.

2 kişi bu mesajı beğendi.

10.11.2019 23:56

#4

Abdullahx MW Aracı Kullanıcı

Üyelik 03.04.2019
Yaş/Cinsiyet 30 / E
Meslek .
Konum Trabzon

Ad Soyad A** K**
Mesajlar 905
Beğeniler 393 / 395
Ticaret 3, (%100)

Örnek olması açısından;



	

		Gereken HP: 0


		Gereken HP: 0

<script>

		$(document).ready(function(){

			$("#arabalar").on("change",function(){

				var araba = $(this).val();

				if(araba=="volvo") {

					$(".lol").html("200");

					$(".dota").html("300");

				}else if(araba=="saab") {

					$(".lol").html("220");

					$(".dota").html("330");

				} else if(araba=="opel") {

					$(".lol").html("160");

					$(".dota").html("180");

				} else if(araba=="audi") {

					$(".lol").html("330");

					$(".dota").html("360");

				} else {

					$(".lol").empty();

					$(".dota").empty();

				}

			});

		});

	</script>

scripti etiketinden önce yapıştırırsın. head kısmına da <script></script> eklemeyi unutma.

1 kişi bu mesajı beğendi.

Option'a göre değişken ekleme

Üye Girişi Yap