2015-09-22 58 views
0
<script> 
$(document).ready(function() { 
    $("#select-native-1 option:selected").select(function() { 
    alert("a"); 
    }); 
}); 
</script> 
... 
<form> 
    <div class="ui-field-contain"> 
        <select name="select-native-1" id="select-native-1"> 
            <option id="burnabyCampus" value="1">A</option> 
            <option id="downtownCampus" value="2">B</option> 
        </select> 
    </div> 
</form> 

我想從jQuery Mobile中聽選項選擇事件。但我不知道這樣做的正確方法?我在哪裏可以找到它?如何聽jquery移動事件?

到目前爲止我的問題是什麼?

回答

0

你應該看當輸入的變化,而不是當文檔準備好...

$('#select-native-1').change(function(){ 
    alert('input changed'); 
}); 

看到小提琴 - https://jsfiddle.net/6L08nj2u/11/

編輯:你應該還是有你的jQuery包裹在一個'準備就緒「,但將此功能綁定到輸入的」更改「。因此,如果這是你所有的JS,

$(document).ready(function() { // wrap everything in ready 
    $('#select-native-1').change(function(){ 
     alert('input changed'); 
    }); 
}); 

所以現在,如果你想獲得文本值在改變之前,讓我們把它放在裏面準備。

$(document).ready(function() { // wrap everything in ready 
// page is loaded 

// what the value is as soon as page is done loading 
$('#select-native-1 option:selected').text(); 


// watch for every time the value changes 
     $('#select-native-1').change(function(){ 
      alert('input changed'); 
     }); 

    }); 
+0

謝謝。我沒有提到的一件事是,默認情況下,jQuery Mobile基本選擇已經選擇了第一個選項 - 或者至少看起來似乎。你可以聽選擇頁面加載事件嗎? (默認選擇) –

+0

已更新,您應該接受答案 – chrismillah

+0

並且有更改的api文檔()?找不到 –