如何在选择选项中获得等效的占位符?例如,当您有一个选择列表时,它可能会在“城市”字段中显示,然后点击它时会显示选项中的所有城市。
答案 0 :(得分:3)
我认为这就是你想要的。
HTML:
<select id="choice">
<option value="0" selected="selected">Choose...</option>
<option value="1">Something</option>
<option value="2">Something else</option>
<option value="3">Another choice</option>
</select>
CSS:
#choice option { color: black; }
.empty { color: gray; }
JavaScript的:
$("#choice").change(function () {
if($(this).val() == "0") $(this).addClass("empty");
else $(this).removeClass("empty")
});
$("#choice").change();
试试这个jsfiddle。
答案 1 :(得分:2)
不知道这是否是您正在寻找的
<select>
<option value="" disabled selected>Select your option</option>
<option value="value1">Value 1</option>
<option value="value2">Value 2</option>
<option value="value3">Value 3</option>
</select>