jQuery選擇<select>的<option>框

Question

鑑於下面的HTML，我需要一個jQuery選擇器，選擇<option>與with-stamp類。

<select name="preset_select"> 
    <option selected="selected" value="original">ORIGINAL</option> 
    <option value="large">LARGE</option> 
    <option class="with-stamp" value="medium">MEDIUM</option> 
</select> 

$("select[name=preset_select]").change(function() { 
    // console.log($(this).hasClass("with-stamp")); // all false 
    // console.log($("select[name=preset_select] option").hasClass("with-stamp")); // all true 
}); 

Answer 1

$("select[name='preset_select']").change(function() { 
    $(this).children(':selected').hasClass('with-timestamp') 
} 

Answer 2

您需要檢查只有:selected<option>（因爲.hasClass()回報true如果集合中的元素的任何有類），像這樣：

$("select[name=preset_select] option:selected").hasClass("with-stamp") 

Answer 3

$("select[name=preset_select] option:selected").hasClass('with-stamp').change(function() { 

});