Solution to the problem that the content of the select drop-down box in HTML is not fully displayed and partially covered_HTML/Xhtml_Web page production

Today, I encountered such a problem: the content in the drop-down box in the query column was too long, causing part of it to be covered.

I looked up some information, some said to use function control, some said to use event control, some couldn't understand, and some were too complicated to implement. Later, I asked my colleague if there was any simple method. He told me to add the title attribute to the option, so I tried his method and finally found that this method worked. In this way, I want to record it to prevent myself from forgetting.

1. The specific examples are as follows

letter:

All
AAAAAAAAAAAAAAAAAAAAAAAAAAA
BBBBBBBBBBBBBBBBBBBBBBBBBBBB
CCCCCCCCCCCCCCCCCCCCCCCCCCC
DDDDDDDDDDDDDDDDDDDDDDDDDD

FFFFFFFFFFFFFFFFFFFFFFFFFFFF lt;/option>
HHHHHHHHHHHHHHHHHHHHHHHHHH
IIIIIIIIIIIIIIIIIIIIIIIIIIIIII ;/select>





2. Example results


3. Dynamic data

Copy codeThe code is as follows:

Province:

All

${area.areaName}