Select box

Hi

Is it possible to display a hint in the contents of a select box ?
For example the details of the current option but before the user click it...

Thanks in advance.
LVL 16
CodedKAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
HonorGodConnect With a Mentor Commented:
If you use the title attribute, this "may" do what you want.  For example:

<select>
  <option title='This is a test'>one</option>
  <option title='This is something else'>two</option>
  <option title='Are you kidding?'>three</option>
</select>

  If you click on the selection list, and hold the cursor over one of the entries (e.g., "one"), then the hint/tip message in the title attribute is displayed.  If this isn't what you want, please be more specific.
0
 
CodedKAuthor Commented:
Thank you HonorGod... There is a problem.. It works in FF but not in IE.
0
 
HonorGodCommented:
Ah.  checking
0
What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

 
HonorGodCommented:
Hm.  Apparently, IE only wants to use titles in a limited number of instances.  How about this?
Changing the status message line (bottom of the browser) based upon the value of the current title?
---------------------------------------------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> Select Tip </title>
<script type='text/javascript' src='../objDisplay.js'></script>
<script type='text/javascript'>
  function chgTitle( obj ) {
    var child = obj.selectedIndex;
    var opts  = obj.getElementsByTagName( 'option' );
    var kid   = opts[ child ];
    obj.title = kid.title;
    window.status = kid.title;
  }

  function init( id ) {
    var obj = document.getElementById( id );
    chgTitle( obj );
    obj.focus();
  }
</script>
</head>
<body onload='init("here")'>
<select id='here' onkeyup='chgTitle(this)'>
  <option title='This is a test'>one</option>
  <option title='This is something else'>two</option>
  <option title='Are you kidding?'>three</option>
</select>
<a href='#' title='Is this working?' onclick='return false;'>My link</a>
</html>
0
 
CodedKAuthor Commented:
Thank you HonorGod.
Unfortunately i allready use some JS for the onclick of the selected option.

Anyway, thank you for your time and your good answers :)
0
 
HonorGodCommented:
Thanks for the 'A'
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.