在选择选项中有一个占位符

这个问题在这里已经有了答案：

如何为“选择”框创建占位符？ 19个答案

---

我认为这是你想要的。

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。

---

不知道这是你在找什么

<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>

链接地址: http://www.djcxy.com/p/70591.html

上一篇: Having a placeholder in a Select option

下一篇: First option of dropdown not an option; force to use other options