плагин рейтинга jQuery, который работает с опциями выбора

Question

Я попробовал плагин rateit , но, похоже, он не работает корректно с <option selected="selected">

ОБНОВЛЕНИЕ: обновил JSfiddle до последней версии jquery иТеперь у меня возникла проблема, когда он отображает только 4 звезды, когда у меня есть 5 вариантов выбора.

Я искал пару часов сейчас, чтобы найти плагин рейтинга, который:

1. Не требует дополнительного HTML.
2. Отображение текста параметра при наведении каждого из них с использованием атрибута title.
3. Работает только с полным звездным рейтингом.

HTML

<select class="test" id="rating1" name="Rating">
    <option value="1">Poor</option>
    <option value="2">Fair</option>
    <option value="3" selected="selected">Good</option>
    <option value="4">Very Good</option>
    <option value="5">Excellent</option>
</select>

Answer 1

Вам необходимо сделать так, чтобы поле выбора обновляло значение рейтинга. Добавить:

$('#rating1').change(function() {
  $('div#rating2').rateit('value',$(this).val());
});

См. пример .

Edit:

RateIt требует jQuery 1.6.0+, поэтому обновление версии jQuery приводит к (правильному) исчезновению окна выбора. Взгляните на эту скрипку и убедитесь, что она соответствует вашим потребностям. Это будет «постепенно улучшать» окно выбора, так что пользователи без включенного JavaScript будут по-прежнему иметь возможность выбирать, а пользователи с включенным JS получат лучшую версию.

Если вы хотите, чтобы поле поддержки отображалось, вы должны переключать его после вызова rateit(). Кроме того, чтобы не отображалась опция «сброс», вам нужно установить другой атрибут данных и расширить бит выбора:

Пример . * * Тысяча двадцать-один

Answer 2

Ваша версия jQuery старая, вам нужна версия 1.6 или выше.