選擇列表 - 檢查負載和變化

Question

JSFiddle

試圖評估在選擇列表中選擇哪一選項，當DOM加載，以及當有人改變選擇選項。

我以爲triggerHandler會導致我的功能開火？當頁面加載時，應該說選擇了值2。

<select name="select-2" id="select-2"> 
     <option value="1">1</option> 
     <option value="2" selected>2</option> 
     <option value="3">3</option> 
    </select> 

$(function() { 
    function ShowSelected() { 
     $('#select-2').change(function() { 
      if ($(this).val() == 1) { 
       alert('value 1 is selected'); 
      } else if ($(this).val() == 2) { 
       alert('value 2 is selected'); 
      } else if ($(this).val() == 3) { 
       alert('value 3 is selected'); 
      } 
     }); 
    } 
    $('#select-2').change(ShowSelected).triggerHandler("change"); 
}); 

Answer 1

你應該看看使用:selected。例如，

$('select option:selected') ..... 

Answer 2

您的ShowSelected不是事件處理程序，它會註冊一個更改事件處理程序。

要使其工作改變它如下圖所示

$(function() { 
    function ShowSelected() { 
      if ($(this).val() == 1) { 
       alert('value 1 is selected'); 
      } else if ($(this).val() == 2) { 
       alert('value 2 is selected'); 
      } else if ($(this).val() == 3) { 
       alert('value 3 is selected'); 
      } 
    } 
    $('#select-2').change(ShowSelected).triggerHandler("change"); 
}); 

演示：Fiddle

Answer 3

你可以簡單地這樣做 - （看着你有什麼權利現在）

ShowSelected(); // <-- bind event to your select-2 in function 
$('#select-2').triggerHandler("change"); // <-- trigger change event 

http://jsfiddle.net/mohammadAdil/g6GWV/

每次調用ShowSelected();你又結合改變事件的時候，你應該只使用你的函數來顯示所選擇的價值當你把它命名爲