jquery - 使用jQuery在鼠标上获取下拉值

Question

当用户选择该选项时，我试图获取下拉列表的值，而我这样做的方式有点错误，它往往只在某些时候起作用。我想知道是否有更好的方法。这是我现在的做法：

$("#Legal_Status").mouseup(function(){
    if($(this).val() == "Married") {
        alert("married")
    }
}); 

<select name="Legal_Status" id="Legal_Status">
                        <option value="none selected">--select one--</option>
                        <option value="Minor">Minor</option>
                        <option value="Single">Single</option>
                        <option value="Married">Married</option>
                        <option value="Divorced">Divorced</option>
                        <option value="Widowed">Widowed</option>
</select>

http://jsfiddle.net/aguM2/

Answer 1

改用change事件：

$("#Legal_Status").change(function(){
    if($(this).val() == "Married") {
        alert("married")
    }
});

http://jsfiddle.net/Gb8y5/