jquery - 如何删除列表中的 "Select"

标签 jquery html css

当您单击它时,如何将“选择”作为占位符放在选择选项中而不是放在下拉列表中?任何想法?

谢谢!

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

最佳答案

只需设置 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>

关于jquery - 如何删除列表中的 "Select",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23019839/

相关文章:

javascript - 通过两个类获取元素

html - 控制表格单元格中文本输入和复选框的布局

html - 垂直对齐使用 margin-auto 的 div 中的 div

javascript - 通过 jquery 更改多个标签上使用的特定 ID 的 CSS

css - 响应式网站空白打印预览

javascript - iOS html 应用程序 : big scrolling list causes elements to disappear

javascript - 使用绝对图像位置

javascript - 如何在显示隐藏 div 期间加载图像?

javascript - KineticJS 鼠标事件问题

html - 使用 VBScript 正则表达式替换 HTML