Chọn menu "giả" tùy chọn

Question

Tôi tự hỏi, có thể hiển thị "Chọn một" theo mặc định là tùy chọn đã chọn nhưng ẩn khỏi danh sách tùy chọn khi người dùng nhấp để mở menu đã chọn không? Ý tôi là, chẳng hạn như placeholder cho trường nhập văn bản. Có anyway để làm điều đó với js hoặc cái gì khác? Cảm ơn trước

CẬP NHẬT

phép nói rằng chúng ta phải chọn menu

<select> 
<option value"">Select one...</option> 
<option value"1">Option 1 </option> 
... 
</select> 

gì tôi sẽ làm là, loại bỏ <option value"">Select one...</option> từ danh sách tùy chọn khi người dùng mở trình đơn, và trở về mặc định trạng thái khi người dùng đóng menu.

Answer 1

Có lẽ như thế này:

<SELECT NAME="browser" VALUE="" 
    onchange="var opt=this.options[0];if(opt.getAttribute('role')==='placeholder'&&!opt.selected)opt.parentNode.removeChild(opt);"> 
    <option role="placeholder" value="">Which Web browser do you use most often?</option> 
    <OPTGROUP LABEL="Firefox"> 
     <OPTION LABEL="2.0 or higher"> 
     Firefox 2.0 or higher 
     </OPTION> 
     <OPTION LABEL="1.5.x">Firefox 1.5.x</OPTION> 
     <OPTION LABEL="1.0.x">Firefox 1.0.x</OPTION> 
    </OPTGROUP> 
    <OPTGROUP LABEL="Microsoft Internet Explorer"> 
     <OPTION LABEL="7.0 or higher"> 
     Microsoft Internet Explorer 7.0 or higher 
     </OPTION> 
     <OPTION LABEL="6.x">Microsoft Internet Explorer 6.x</OPTION> 
     <OPTION LABEL="5.x">Microsoft Internet Explorer 5.x</OPTION> 
     <OPTION LABEL="4.x">Microsoft Internet Explorer 4.x</OPTION> 
    </OPTGROUP> 
    <OPTGROUP LABEL="Opera"> 
     <OPTION LABEL="9.0 or higher">Opera 9.0 or higher</OPTION> 
     <OPTION LABEL="8.x">Opera 8.x</OPTION> 
     <OPTION LABEL="7.x">Opera 7.x</OPTION> 
    </OPTGROUP> 
    <OPTION>Safari</OPTION> 
    <OPTION>Other</OPTION> 
    </SELECT> 

OPTION với tùy chỉnh thẻ role="placeholder" phải đặt đầu tiên bên SELECT hoạt động tốt.

Answer 2

Một cái gì đó như thế này?

<form> 
<select onchange="document.getElementById('placeholder').disabled=true"> 
    <option selected="selected" id="placeholder">please select something</option> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
</select> 
</form> 

Trong ví dụ này, tùy chọn vẫn hiển thị với người dùng nhưng không thể nhấp được.