У меня недавно стояла точно такая же задача: передать значение из аттрибута option
конечному пункту списка chosen
.
Лучшего выхода, чем редактировать несжатую версию chosen.jquery.js
я не придумал. С другой стороны, я не увидел в этом почти ничего плохого, кроме нарушения негласных традиций. В рамках одного проекта работающие и проверенные скрипты практически не обновляются. Риск, что изменения затрутся новой версией chosen минимален. Но, на всякий случай, я добавил коммент в начале файла, в котором описал произведенные изменения, что и вам рекомендую сделать.
В общем, вот рецепт, актуальный для моей версии Version 1.4.2
. Редактировался несжатый файл chosen.jquery.js
.
1
Ищем метод SelectParser.prototype.add_option
и внутри него первый вызов this.parsed.push({
. Добавляем в объект, который "пушится" в массив, новый элемент. Назовем его, к примеру, link
:
link: option.getAttribute('data-link'),
На данном участке кода option
- это ссылка на DOM-элемент очередного <option>
из нашего исходного селекта.
Получается примерно такой код:
SelectParser.prototype.add_option = function(option, group_position, group_disabled) {
if (option.nodeName.toUpperCase() === "OPTION") {
if (option.text !== "") {
if (group_position != null) {
this.parsed[group_position].children += 1;
}
this.parsed.push({
link: option.getAttribute('data-link'),
array_index: this.parsed.length,
options_index: this.options_index,
//...
2
Находим в файле строку (в моей версии это 264 строка)
option_el.setAttribute("data-option-array-index", option.array_index);
На этом участке кода создается конечный пункт списка <li>
. А наше значение из data-link
у нас готово к использованию в переменной option.link
.
Рядом с найденной добавляем строку
option_el.setAttribute("data-link", option.link);
Готово
На этом все) Обновляем страницу через ctrl+f5 (для очистки кеша) и проверяем. Две простых строчки в нужных местах кода и цель достигнута.