Kullanıcı programYaz Oluşturulma : 26 Nisan, 2022 Kullanıcı #1 Paylaş Oluşturulma : 26 Nisan, 2022 Bu yazımızda <option> öğesini kullanarak sayfamıza eklemiş olduğumuz paragrafın css özelliğini (yazı rengi) değiştireceğiz. Açılır kutumuza eklediğimiz renklerden seçili olan renge göre paragraf içindeki yazı renginin değişmesini sağlayacağız. Sayfaya ait kodlar ve ekran çıktısı aşağıdaki gibi olacaktır. <!doctype html> <html> <head> <meta charset="utf-8"> <title>yazilimkodlama.com</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> </head> <body> <p id="p1" style="font-size: 20px">Bu yazımızda öğesini kullanarak sayfamıza eklemiş olduğumuz paragrafın css özelliğini (yazı rengi) değiştireceğiz. Açılır kutumuza eklediğimiz renklerden seçili olan renge göre paragraf içindeki yazı renginin değişmesini sağlayacağız. Sayfaya ait kodlar ve ekran çıktısı aşağıdaki gibi olacaktır.</p> <select id="secim"> <option value="red">Kırmızı</option> <option value="green">Yeşil</option> <option value="blue">Mavi</option> <option value="pink">Pembe</option> <option value="purple">Mor</option> </select> <script> $("#secim").change(function(){ var deger=$("#secim").val(); $("#p1").css({"color":deger}); }); </script> </body> </html> EKRAN ÇIKTISI: Alıntı Ada LoveLace Yorum bağlantısı Şimdi Paylaş Daha fazla paylaşma seçeneği...
