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

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

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:

 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 <喎?http: www.bkjia.com kf ware vc " target="_blank" class="keylink"> VcD4KPHA + PHByZSBjbGFzcz0 = "brush: java;"> Province: All $ {Area. areaName}