مسج العنصر تسليط الضوء على الخيار حدد

Question

ولدي قائمة من القيم في أسلوب انخفاض حدد مربع منها مثلا أسفل.

<select id="places">
<option>Italy</option>
<option>France</option>
<option>Germany</option>
<option>Spain</option>
</select>

ولدي أيضا نفس قائمة من القيم في شعبة على صفحتي منها مثلا.

<div>
<span>Italy</span>
<span>France</span>
<span>Germany</span>
<span>Spain</span>
</div>

وعن طريق مسج، أريد أن يكون عليه ذلك - عند تحديد قيمة في القائمة المنسدلة، الخيار يعادل في شعبة بإيجاز تسليط الضوء عليها.

ولقد كنت تناضل مع تسليط الضوء على البرنامج المساعد مسج، ولكن أعتقد أن طريقة أسرع قد يكون استخدام فئة تسليط الضوء على JjQuery UI. الاعتذار مقدما لكونه مستجد:)

Answer 1

تسليط الضوء اعتبارا من مسج UI :

$('#places').change(function() {
  $('div span:contains(' + $(this).val() + ')').effect('highlight', {}, 1000)
})

عند تحديد عنصر من القائمة المنسدلة، وتمتد تحتوي على النص منها من البند تشغيل من خلال الرسوم المتحركة من لونه الخلفية (تأثير "تسليط الضوء") المقدمة من قبل المساعد.

تجريبي هنا.

Answer 2

وعن طريق مسج UI المساعد يمكنك استخدام التالية

$('#places').change(function(){
    $('span:contains('+ $(this).val() +')').effect('highlight', {color: 'red'}, 3000);
});

وتغيير لون و 3000 على النحو المطلوب.