Display attribute ‘Title’ of element/s in other element on Focus or Click

by

one of the possible solutions JSFiddle:

$(document).on('mouseenter', 'input,select', function (e) {
    $('#current-control-label').text($(this).data().title);
});

$(document).on('mouseleave', 'input,select', function (e) {
    $('#current-control-label').text(' ');
});

html:

<table>
<tr>
    <td><input type="text" data-title="Name" /></td>
    <td>
        <select data-title="Gender">
            <option value="M">Male</option>
            <option value="M">Female</option>
        </select>
    </td>
    <td><input type="radio" data-title="Active" /></td>
</tr>
<tr>
    <td colspan="2">
        <span id="current-control-label">&nbsp;</span>
    </td>
</tr>
</table>

More Related Contents:

  1. What is Hungarian Notation? [duplicate]
  2. How to add the background css into this jQuery? [duplicate]
  3. How can I execute each switch statement case in JS?
  4. jQuery Set Cursor Position in Text Area
  5. Passing data to a bootstrap modal
  6. Parse an URL in JavaScript
  7. What is the cleanest way to disable CSS transition effects temporarily?
  8. ‘this’ does not work properly in another event. I’m clueless as to why [duplicate]
  9. How to check “checkbox” dynamically – jQuery Mobile
  10. Integrating Dropzone.js into existing HTML form with other fields
  11. Contain form within a bootstrap popover?
  12. Dropdown select with images
  13. Generic way to detect if html form is edited
  14. Click events on Pie Charts in Chart.js
  15. How to check if an element is off-screen
  16. Is there a way to create out of DOM elements in Web Worker?
  17. JavaScript Dynamic Variable Names
  18. JavaScript in or just before ?
  19. jQuery Change event on an element – any way to retain previous value?
  20. Event capturing jQuery
  21. jQuery Mobile : What is the order of page events triggering?
  22. keep placeholder on focus in IE10
  23. Emailing to multiple recipients with html Mailto: not working
  24. jQuery function not binding to newly added dom elements
  25. How to show hidden divs on mouseover?
  26. Using jQuery inArray with array of JavaScript Objects
  27. Using .after() to add html closing and open tags
  28. JQuery issue “TypeError: $.getJSON is not a function”
  29. How can I load jQuery if it is not already loaded?
  30. Set Caret Position in ‘contenteditable’ div that has children

Leave a Comment