Question

So I would like to have some text be displayed for each , say I had this:

<select id="321" name="123">
    <option value="a">a</option>
    <option value="b">b</option>
    <option value="c">c</option>
    <option value="d">d</option>
</select>
<div id="help"></div>

How would I make the a option display “A is the first letter of the alphabet!” in the help div with jquery? And similar for the rest.

Answer 1

You actually have to have the values of the text stored somewhere. You could create a function that gets the English spelling of the numeric count and build it dynamically, but I don’t think something like that exists already. Anyway, if you’re willing to type a little:

<select ...>
   <option data-description="A is the first letter of the alphabet!">a</option>
   ...


$("#321").on('change', function () {
   $("#help").text($(this).find(':selected').data('description'));
});