자리 표시자가 포함 된 드롭 다운 목록을 만들려고합니다. placeholder="stuff"다른 형태처럼 지원하지 않는 것 같습니다 . 내 드롭 다운에서 자리 표시자를 얻는 다른 방법이 있습니까?
답변
예, 옵션에서 “선택 해제 됨”입니다.
<select>
<option value="" selected disabled>Please select</option>
<option value="">A</option>
<option value="">B</option>
<option value="">C</option>
</select>
또한 다음에서 답변을 볼 수 있습니다.
답변
숨김 사용 :
<select>
<option hidden >Display but don't show in list</option>
<option> text 1 </option>
<option> text 2 </option>
<option> text 3 </option>
</select>
답변
HTML에서 지원하지 않기 때문에 dropdown 또는 select 에는 자리 표시자가 없지만 다른 입력 자리 표시 자와 동일하게 보이도록 동일한 효과를 만들 수 있습니다.
$('select').change(function() {
if ($(this).children('option:first-child').is(':selected')) {
$(this).addClass('placeholder');
} else {
$(this).removeClass('placeholder');
}
});.placeholder{color: grey;}
select option:first-child{color: grey; display: none;}
select option{color: #555;} // bootstrap default color<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="form-control placeholder">
<option value="">Your Placeholder Text</option>
<option value="1">Text 1</option>
<option value="2">Text 2</option>
<option value="3">Text 3</option>
</select>목록에서 첫 번째 옵션을 보려면 css에서 표시 속성을 제거하십시오.
답변
자바 스크립트를 통해 선택 필드를 초기화하는 경우 다음을 추가하여 기본 자리 표시 자 텍스트를 바꿀 수 있습니다.
noneSelectedText: 'Insert Placeholder text'
예 : 다음이있는 경우 :
<select class='picker'></select>자바 스크립트에서 다음과 같이 selectpicker를 초기화합니다.
$('.picker').selectpicker({noneSelectedText: 'Insert Placeholder text'}); 답변
대부분의 옵션은 다중 선택에 문제가 있습니다. 제목 속성을 배치하고 첫 번째 옵션을 data-hidden = “true”로 만듭니다.
<select class="selectpicker" title="Some placeholder text...">
<option data-hidden="true"></option>
<option>First</option>
<option>Second</option>
</select>
답변
숨겨진 속성 추가 :
<select>
<option value="" selected disabled hidden>Please select</option>
<option value="">A</option>
<option value="">B</option>
<option value="">C</option>
</select>
답변
이 시도:
<select class="form-control" required>
<option value="" selected hidden>Select...</option>required+ value=""를 사용 하면 사용자가 선택할 수 없습니다 hidden. 사용자가 옵션 상자를 열면 옵션 목록에서 숨겨집니다.
