javascript - 有没有办法阻止隐藏文本在加载时出现然后消失？

Question

我有一个 div，其中包含使用下拉菜单动态选择的文本。当我的页面加载时，文本会在页面完全加载后消失。有什么办法可以阻止这种情况发生吗？因为我只希望文本在被选中后显示。

HTML:

<select id="selectMe">
<option value="option1">option1</option>
<option value="option2">option2</option>
<option value="option3">option3</option>
<option value="option4">option4</option> </select>

<div class="group" id="option1">asdf</div>

<div class="group" id="option2">Tilt.</div>

<div class="group" id="option3">zxcv</div>

<div class="group" id="option4">qwerty</div>

J查询:

(function($) {
$(document).ready(function () {
$('.group').hide();
$('#option1').show();
$('#selectMe').change(function () {
    $('.group').hide();
    $('#'+$(this).val()).show();
})
})
})(jQuery);

Answer 1

它必须在您的代码运行之前隐藏起来。使用 CSS:

.group { display: none }