設定的默認值的jQuery

Question

<select id="itemDepartment"> 

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

</select> 

以下屬性設置在下拉列表中

selected="selected" 

的默認值，但我想選擇比期權價值即請選擇部門等的默認值，當我點擊下拉列表然後請選擇部門文字消失和選項值出現（作爲默認行爲）

Answer 1

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

獲得「請選擇部門「在<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 3

你可能會尋找一個佔位符插件，如這一個：

• http://archive.plugins.jquery.com/project/input-placeholder
• http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html
• https://www.google.com/search?q=jquery+input+placeholder

Answer 4

只要你想要的文本添加一個虛擬值。

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

Answer 5

在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"); 
    }); 
});