Pytanie o poprawność kodu...

Article View: pl.comp.lang.javascript

Article #51265

Back to pl.comp.lang.javascript Previous Next

#51265

From: Tomek
Date: Sun, 20 Jan 2013 20:15

28 lines
1952 bytes

Witam. Założenie: zmiana koloru tła obiektu następnego, po wybraniu wartości 
z selecta:

Przykładowo mamy parę selektów, a po nich jakiś obiekt. Jak dynamicznie 
pobrać identyfikator obiektu po danym selekcie i zmienić jego tło. Kod 
działa, ale czy next w takim przypadku to dobre rozwiązanie? Troche to 
naciągane. Dzięki za wszelkie poprawki odnośnie optymalizacji.

$(document).ready(function(){
$("select[id^='sel']").change(function(){
   $(this).next("span[id^='szpan']").css('backgroundColor', $(this).val());
});
});

<select id="sel1" style="color: red">
          <option value="red" style="color: red" 
selected="selected">red</option>
</select>

<span style="padding: 10px; background: red;" id="szpan1"></span>


<select id="sel1" style="color: red">
          <option value="red" style="color: red" 
selected="selected">red</option>
</select>

<span style="padding: 10px; background: red;" id="szpan1"></span>

Technical Details

Message-ID: <50fc5046$0$26683$65785112@news.neostrada.pl>

Path:

mbox-mo1.pugleaf.net!news-archive.icm.edu.pl!agh.edu.pl!news.agh.edu.pl!newsfeed2.atman.pl!newsfeed.atman.pl!news.supermedia.pl!news.nask.pl!news.nask.org.pl!news.internetia.pl!newsfeed.neostrada.pl!unt-exc-02.news.neostrada.pl!unt-spo-a-01.news.neostrada.pl!news.neostrada.pl.POSTED!not-for-mail

Show Full Headers

Complete Article Headers

Path: mbox-mo1.pugleaf.net!news-archive.icm.edu.pl!agh.edu.pl!news.agh.edu.pl!newsfeed2.atman.pl!newsfeed.atman.pl!news.supermedia.pl!news.nask.pl!news.nask.org.pl!news.internetia.pl!newsfeed.neostrada.pl!unt-exc-02.news.neostrada.pl!unt-spo-a-01.news.neostrada.pl!news.neostrada.pl.POSTED!not-for-mail
From: "Tomek" <adres@mail.pl>
Newsgroups: pl.comp.lang.javascript
Subject: Pytanie o poprawność kodu...
Date: Sun, 20 Jan 2013 21:15:00 +0100
MIME-Version: 1.0
X-Priority: 3
X-MSMail-Priority: Normal
Importance: Normal
X-Newsreader: Microsoft Windows Live Mail 15.4.3555.308
X-MimeOLE: Produced By Microsoft MimeOLE V15.4.3555.308
Lines: 29
Message-ID: <50fc5046$0$26683$65785112@news.neostrada.pl>
Organization: Telekomunikacja Polska
NNTP-Posting-Host: 83.26.174.4
X-Trace: 1358712902 unt-rea-a-01.news.neostrada.pl 26683 83.26.174.4:54212
X-Complaints-To: abuse@news.neostrada.pl
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit