Jquery work with select box(Jquery與select 下拉式選單的配合)
這個技巧我想高手前輩們都會了…我只是寫來備忘啦..
以往要讓下拉式選單觸發onchange事件,再去變動另一個select box的值,或另一個表單元件的值的時候,
總還是不免要寫個幾行的程式!
現在換用Jquery後,一時間還不太會用selector這個東西!Goolgle了一下發現了這幾行,非常的方便!
原文出處
先利用selector找到下拉清單的物件,並定義change事件的功能!
接著利用find(‘:selected’)的條件,就可以找到該下拉清單的被選取的值!簡單幾行就搞定!
如果你要連動其他的物件,只要再寫上對應的程式碼就行了!^)^
$(‘select’).change(function() {
alert($(this).find(‘:selected’).text());
alert($(this).val());
});
for english!
if you want to use jquery work with selectbox, here is the sample code you can use!
$(‘select’).change(function() {
alert($(this).find(‘:selected’).text());
alert($(this).val());
});
1.use the selector to find your selectbox, and define the change event!
2.use the filter find(‘:selected’) to get the selected item!
enjoy~~
refence by here!