Доброго дня.
Что то запара пошла, прошу помощи и подсказок.
Есть селект
<select class="form-control osc_tooltip" name="builder_rule_filter" required="required">
<option value="">Выбрать</option>
<option value="above">Выше верх. линии</option>
<option value="below">Ниже нижн. линии</option>
<option value="down_up" title="down_up">Перес. снизу вверх</option>
<option value="top_down" title="top_down">Перес. сверху вниз</option>
</select>
Необходимо при выборе опции сделать так, чтобы если опция имеет атрибут "title", то значение "title" вставлялось в селект и включался tooltip.
Вот нацарапал код, однако он работает не совсем так, как надо
jQuery(document).on('change', '.osc_tooltip', function(){
var attrr = jQuery(this).find(":selected").is("[title]");
if(attrr){
var title = jQuery(this).find("option:selected").attr("title");
if(jQuery('.osc_tooltip').hasAttr('title')){
jQuery('.osc_tooltip').removeAttr('title data-original-title');
jQuery('.osc_tooltip').tooltip('destroy');
}
jQuery('.osc_tooltip').attr('title', title);jQuery('.osc_tooltip').tooltip();
}else{
jQuery('.osc_tooltip').removeAttr('title data-original-title');
jQuery('.osc_tooltip').tooltip('destroy');
}
});
jQuery.fn.hasAttr = function(name) {
return this.attr(name) !== undefined;
};
Когда переходишь между опциями у которой есть тайтл и у которой нет тайтла, то работает нормально, а когда переходишь между опциями у которых у обоих есть тайтл, то затык.
Что не так?
Заранее спасибо!
