Lưu ý: khi sử dụng display=none cho option trong select sẽ không hoạt động trên safari của MAC và IOS
VD dưới đây là ẩn option 2 trong select đi, nhưng nếu sử dụng display=none thì trên safari vẫn hiển thị ra
1
2
3
4
5
6
7
<select>
<option> option 1 </option>
<option style="display: none"> option 2 </option>
<option> option 3 </option>
<option> option 4 </option>
<option> option 5 </option>
</select>
Cách giải quyết:
1: Xóa option đó khỏi select nếu không muốn hiển thị, trường hợp ngược lại thì add option đó vào hoặc load lại dữ liệu trong select
2: Sử dụng disabled đối với option không muốn cho chọn, lúc này sẽ không chọn được option đó nữa
Có thể kết hợp css để ẩn luôn option đó
1
2
3
select option[disabled] {
display: none;
}
…