# Dynamically tooltip into dropdown(select – Option)

**URL:** <https://forum.freecodecamp.org/t/dynamically-tooltip-into-dropdown-select-option/236062>\
**Category:** General\
**Created:** [October 25, 2018, 2:57pm UTC](https://forum.freecodecamp.org/t/dynamically-tooltip-into-dropdown-select-option/236062 "2018-10-25T14:57:52Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Deepukumar23](https://avatars.discourse-cdn.com/v4/letter/d/b77776/32.png) [@Deepukumar23](https://forum.freecodecamp.org/u/Deepukumar23)\
**Post date:** [October 25, 2018, 2:57pm UTC](https://forum.freecodecamp.org/t/dynamically-tooltip-into-dropdown-select-option/236062/1 "2018-10-25T14:57:52Z")

</div>

i trying to add a tooltip on when select option is selected  
Can any one help  
below is code

```auto
<html>

<head>

<title>test</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" ></script>

<script type="text/JavaScript">

$(function () {

$("#sel option").each(function(i){

if(i>0){

var title="The select val=" +$(this).val();

$(this).attr("title",title);

}

});
} );
</script>

</head>

<body>

<select id="sel">

<option Value="One">One</option>

<option Value="Two">Two</option>

<option Value="Three">Threee</option>

<option Value="Four">Four</option>

<option Value="Five">Five</option>

</select>

</body>

</html>

```

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 17, 2021, 8:09pm UTC](https://forum.freecodecamp.org/t/dynamically-tooltip-into-dropdown-select-option/236062/2 "2021-01-17T20:09:15Z")

</div>

Closed on January 17, 2021, 8:09pm UTC


