-3 
<select id="itemDepartment">

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

</select>

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

selected="selected"

但我想选择除选项值以外的默认值，即请选择部门，当我单击下拉列表时， 请选择部门文本消失并出现选项值（作为默认行为）

4

5 回答 5

2

在您的 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");
    });
});
于 2012-04-18T17:48:28.070 回答
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();
});​

现场演示

于 2012-04-18T17:48:53.257 回答
1

让“请选择部门”显示在 a中的唯一方法<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>

于 2012-04-18T17:45:20.120 回答
1

只需在您想要的文本中添加一个虚拟值。

<select id="itemDepartment">
  <option value="" selected="selected">[Please Select Department ]</option>
  <option value="1">Computer Accessories</option>
  <option value="2">Laptop</option>    
</select>
于 2012-04-18T17:46:40.090 回答