adding value to title attribute in HTML

Question

Here I am trying to set title dynamically to the native drop-down to show tool-tip, but when I am trying to set title on hover I can't select any value from drop down options. That drop down is getting closed.

$(container).on("hover","select", function (e) {
  $(this).attr("title",$(this).val());
});

What can be the reason for this?

container is just a parent <div> I am rendering DOM by soy template so I have to do event delegation. — Sayan
– Sayan, Commented Dec 11, 2013 at 10:47
Sorry I forgot to mention this issue was occuring only in IE8. — Sayan
– Sayan, Commented Dec 11, 2013 at 13:57

forsvunnet · Accepted Answer · 2013-12-11 11:54:53Z

1

The $.on("hover") event was removed in jQuery 1.9.

You could try this:

$(container).hover(
  function() {
    $(this).attr("title", $(this).val());
  }, function() {
    $(this).attr("title", "");
  }
);

edited Dec 11, 2013 at 11:54

forsvunnet

1,25810 silver badges18 bronze badges

answered Dec 11, 2013 at 10:44

form3

1271 silver badge11 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

forsvunnet Over a year ago

Your suggestion might work, but I was talking about your statement that $.on() is incorrect.

form3 Over a year ago

i mean use "hover" in such way $(container).on('hover', function(){}) It isn't work

forsvunnet Over a year ago

Have you even tried? It does work, hence your statement is false.

forsvunnet Over a year ago

Appologies. It seems you are partly correct. The "hover" event has been deprecated in jQuery since 1.9. Older versions work: jsfiddle.net/zz9kT/2 Ref: stackoverflow.com/questions/14830064/…

Sayan Over a year ago

In our project we are using jquery 1.8.3 so hover works like that. But my question was why I was unable to select value from drop down only when I am using title attribute.

Arun P Johny · Accepted Answer · 2013-12-11 10:41:01Z

0

Try the mouseenter event - not sure whether some other script is closing the dropdown

$('body').on("mouseenter", "select", function (e) {
    $(this).attr("title", this.value);
});

Demo: Fiddle

answered Dec 11, 2013 at 10:41

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

2 Comments

Sayan Over a year ago

I know it is working with mouse enter.This problem is occuring mouse leave and hover is combination of two it is not working. But I just want to know the reason why only "title" attribute causing this problem.

Arun P Johny Over a year ago

@user3090654 which is the hover event... can you edit the fiddle to recreate the problem

Collectives™ on Stack Overflow

adding value to title attribute in HTML

2 Answers 2

5 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related