引导程序选择下拉列表占位符
我正在尝试制作包含占位符的下拉列表。 它似乎不像其他形式那样支持placeholder="stuff"
。 有没有不同的方式来获得我的下拉菜单中的占位符?
是的,只是“选择禁用”的选项。
<select>
<option value="" selected disabled>Please select</option>
<option value="">A</option>
<option value="">B</option>
<option value="">C</option>
</select>
链接到小提琴
您也可以查看答案
https://stackoverflow.com/a/5859221/1225125
使用隐藏:
<select>
<option hidden >Display but don't show in list</option>
<option> text 1 </option>
<option> text 2 </option>
<option> text 3 </option>
</select>
dropdown或select没有占位符,因为HTML不支持它,但可以创建相同的效果,使其看起来与其他输入占位符相同
$('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>
链接地址: http://www.djcxy.com/p/70593.html