Html 我注意到hidden通常在引擎盖下实现为display:none（规范明确建议这是一种“典型”实现）。因此，如果有任何浏览器（移动或其他浏览器）hidden起作用，而display:none不起作用，我会感到惊讶。你能举个例子吗？这个答案没有其他答案没有包

---

我注意到

hidden

通常在引擎盖下实现为

display:none

（规范明确建议这是一种“典型”实现）。因此，如果有任何浏览器（移动或其他浏览器）

hidden

起作用，而

display:none

不起作用，我会感到惊讶。你能举个例子吗？这个答案没有其他答案没有包含的更详细的内容，而且格式不好-1.

<select>
  <option disabled="disabled">Select language</option>
  <option>Option 1</option>
</select>

<span id="default_message_overlay">Default message</span>
<select id="my_select">
    <option value="1">Option 1</option>  
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
</select>

#default_message_overlay {
    position: absolute;
    display: block;
    width: 120px;
    color: grey;
}
select {
    width: 150px;
}

$(document).ready(function() {
    // No selection at start
    $('#my_select').prop("selectedIndex", -1);

    // Set the position of the overlay
    var offset = $('#my_select').offset();
    offset.top += 3;
    offset.left += 3;
    $('#default_message_overlay').offset(offset);

    // Remove the overlay when selection changes
    $('#my_select').change(function() {
        if ($(this).prop("selectedIndex") != -1) {
            $('#default_message_overlay').hide();
        }
    });
});

<option selected disabled>Choose here</option>

<select>
    <option selected disabled>Choose here</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
    <option value="5">Five</option>
</select>

<select>
    <option selected disabled hidden>Choose here</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
    <option value="5">Five</option>
</select>

<div class="selectSelection">
    <select>
        <option>Do not display</option>
        <option>1</option>
        <option>1</option>
    </select>
</div>

.selectSelection option:first-child{
    display:none;
}

<select>
    <option style="display:none;" selected>Select language</option>
    <option>Option 1</option>
    <option>Option 2</option>
</select>

<option value="" id="ddl" name="prop" style="display:none;" disabled selected>chose something </option>

$("#MySelectid option").each(function () {
        if ($(this).html() == "text to find") {
            $(this).attr("selected", "selected");
            return;
        }
});

$('#MySelectid option')
.filter(function() { return $.trim( $(this).text() ) == 'text to find'; })​​​​​​​​.attr('selected','selected');​​​​​​​