Question

我正在尝试使用占位符重置bootstrap drop down但它不起作用。这是我的声明，

<div class="form-group" id="div_emp_type_involved">
    <label for="sri_EmpTypeInvolved" class="col-md-4 control-label">Type</label>
        <div class="col-md-7">
            <select data-placeholder="Select type" id="sri_EmpTypeInvolved" name="sri_EmpTypeInvolved" class="chosen-select">
            Option 1
            Option 2
            </select>
        </div>
</div>

点击按钮，我正在尝试，

$("#sri_EmpTypeInvolved").addclass("placeholder","select type");

但它不起作用。实现同样目标的正确方法是什么？

Answer 1

如果您尝试为下拉列表设置占位符，请按以下步骤操作：

<div class="form-group" id="div_emp_type_involved">
    <label for="sri_EmpTypeInvolved" class="col-md-4 control-label">Type</label>
    <div class="col-md-7">
        <select data-placeholder="Select type" id="sri_EmpTypeInvolved" name="sri_EmpTypeInvolved" class="chosen-select">
            <option disabled selected>Select Type</option>
            <option>1</option>
            <option>2</option>
         </select>
    </div>
 </div>

如果您需要在按钮上更改它，请点击：

$('button').click(function(){
    $('#div_emp_type_involved option').eq(0).text('some new placeholder text');
})

重置bootstrap下拉列表

1 个答案: