I am trying to truncate the text which is longer for the select tag. Can anyone help on this issue?

my select tag is 

<select>

<option>ABCDEFGHIJKLMN</option> <option>AAAAAAAAAAAAAAAAAAAAAAAAAA</option>

<option> AAAAAAAAAAAAAAAAAAAAAAAAAA </option> <option> AAAAAAAAAAAAAAAAAAAAAAAAAA </option> <option> AAAAAAAAAAAAAAAAAAAAAAAAAA </option> <option>BBBBBBBBBBBBBBBBBBBBBBBBBB</option>

</select>

width of my select tag is 180px;

the text is not fitting in the dropdown when I select, I want to truncate the text so that I can display "ABCDEFGH..." like that.

Thanks