Question

如何在选择选项中将“选择”作为占位符，而在单击时将其放在下拉列表中？任何的想法？

谢谢！

<div class="form-group">
    <label class="control-label" for="name">Hours of Operation:</label>
    <div class="input-group">
        <span class="input-group-addon"><i class="fa fa-clock-o"></i></span>
        <select class="form-control" name="hours-of-operation" class="selectpicker">
            <option>Select</option>
            <option value="Business Hours">Business Hours</option>
            <option value="After Business Hours">After Business Hours</option>
            <option value="24/7">24/7</option>
        </select>
    </div>
</div>

Answer 1

如果没有选择任何值，只需设置value=""并中止事件处理程序。

<select class="form-control" name="hours-of-operation" class="selectpicker">
    <option value="">Select</option>
    <option value="Business Hours">Business Hours</option>
    <option value="After Business Hours">After Business Hours</option>
    <option value="24/7">24/7</option>
</select>

Answer 2

首先，我建议在选择值实际发生变化时进行，而不是仅在点击时进行。我们的想法是从select中删除第一个选项元素。像这样：

$('select').one('change', function(e) {
   $(this).find('option').first().remove(); 
});

显然有许多不同的方法可以实现同样的目标，所以请选择。

这是一个有效的例子。

http://jsfiddle.net/h7aVC/1/

如何删除列表中的“选择”

2 个答案: