Solution to overwrite the entire content in the select drop-down box in HTML _ HTML/Xhtml _ webpage Creation

The content in the select drop-down box in HTML is too long, so some of the content is overwritten. I tried various methods without a clue. Finally, I added the title attribute to the option. I found the problem solved. Today, I encountered a problem: the content in the drop-down box in the query bar is too long, and some of the content is overwritten.

I have queried some materials, some of which use function control, some of which use Event Control, some do not understand, and some are too complicated to implement. Later, I asked my colleague if there were some simple methods. He told me to add the title attribute in option. So I tried his methods and finally found that this method was feasible. In this way, I want to record it and avoid forgetting it.

1. The specific instance is as follows:

The Code is as follows:

Solution to incomplete display of select drop-down box in HTML

Letter:
All Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa Bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb CCCCCCCCCCCCCCCCCCCCCCCCCCCCCC Dddddddddddddddddddddddddddddddddddddd Eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee FFFFFFFFFFFFFFFFFFFFFFFFFFFFFF GGGGGGGGGGGGGGGGGGGGGGGGGGGGGG Hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh Iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii

2. instance results



3. Dynamic Data

The Code is as follows:

Province:
All $ {Area. areaName}