Members programYaz Posted April 26, 2022 Members #1 Share Posted April 26, 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: Quote Ada LoveLace Link to comment https://weblep.com/topic/188-option-kullanarak-renk-de%C4%9Fi%C5%9Ftirme-%C3%B6rne%C4%9Fi-kodlar%C4%B1-jquery/ Share on other sites More sharing options...