相关疑难解决方法(0)

我正在使用占位符进行文本输入,这很好.但我也想为我的选择框使用占位符.当然我可以使用这段代码:

<select>
    <option value="">Select your option</option>
    <option value="hurr">Durr</option>
</select>

但是"选择你的选项"是黑色而不是光线.所以我的解决方案可能是基于CSS的.jQuery也很好.

这只会使下拉列表中的选项变为灰色(因此点击箭头后):

option:first {
    color: #999;
}

编辑:问题是:人们如何在选择框中创建占位符？但它已经得到了回答,欢呼.

使用此选项会导致所选值始终为灰色(即使选择了实际选项后):

select {
    color: #999;
}

我想知道如何placeholder使用select标签实现效果,如果选择默认选项,请选择"请选择选项:".

我已经尝试了一些变化,他们到目前为止还没有工作,我确信它可以实现,因为我在某处看到它(不记得在哪里).

我试过这个:

1)

<fieldset>
            <select data-placeholder="Please select a product" id="s1" class="global">
                <option value="Some">Some</option>
                <option value="Slower">Slower</option>
                <option value="Slow">Slow</option>
                <option value="Fast">Fast</option>
                <option value="Faster">Faster</option>
            </select>
</fieldset>

2)

<fieldset>
            <select id="s1" class="global">
                <option data-placeholder="true"  value="Some">Some</option>
                <option value="Slower">Slower</option>
                <option value="Slow">Slow</option>
                <option value="Fast">Fast</option>
                <option value="Faster">Faster</option>
            </select>
</fieldset>

两者都不起作用,也许有一个jQuery方法来做到这一点？

快速编辑:我不想只禁用其中一个选项并进行设置,selected因为它仍然会在下拉列表中显示其他项目.

是的,我们可以像这样添加占位符select2,

$("#e2_2").select2({
placeholder: "Select a State"
});

但是我需要这样的东西,

在这里你可以看到linkedin提供"键入另一个专业领域".意味着当您再次选择专业知识时,它会显示占位符以供选择 我想用select2做同样的事情.

请帮忙.