Question

<select id="itemDepartment">

  <option value="1">Computer Accessories</option>
  <option value="2">Laptop</option>

</select>

以下属性在下拉列表中设置默认值

selected="selected"

但我想选择除选项值以外的默认值，即请选择部门，当我点击下拉列表然后请选择部门文字消失和选项值出现（作为默认行为）

Answer 1

在HTML中执行以下操作：

<select id="itemDepartment">
    <option value="">Please Select Department</option>
    <option value="1">Computer Accessories</option>
    <option value="2">Laptop</option>
</select>

然后在JQuery中。

$(function () {
    $("#itemDepartment").click(function () {
        $("#itemDepartment option:first").css("display", "none");
    });

    $("#itemDepartment").blur(function () {
        $("#itemDepartment option:first").css("display", "block");
    });
});

Answer 2

<select id="itemDepartment">
    <option class="placeHolder" value=""> Please Select Department </option>  
    <option value="1">Computer Accessories</option>
    <option value="2">Laptop</option>
</select>

$('#itemDepartment').focus(function() {
    $(this).find(".placeHolder").hide();
}).blur(function() {
    $(this).find(".placeHolder").show();
});

Live DEMO

Answer 3

要在<select>中显示“请选择部门”的唯一方法是将其添加为选项，可能是第一个选项

<select id="itemDepartment">
  <option value="">Please Select Department</option>
  <option value="1">Computer Accessories</option>
  <option value="2">Laptop</option>
</select>

其他任何内容都必须是自定义编码<div>，其中包含javascript或类似<select>

的内容

Answer 4

你可能正在寻找一个占位符插件，就像其中一个：

Answer 5

只需添加一个包含所需文本的虚拟值。

<select id="itemDepartment">
  <option value="" selected="selected">[Please Select Department ]</option>
  <option value="1">Computer Accessories</option>
  <option value="2">Laptop</option>    
</select>

使用jquery设置除选项值以外的默认值

5 个答案: