jquery mobile Sélectionnez click handler

Question

J'ai une petite application web qui utilise Django, Dajaxice et JQuery Mobile.

J'ai créé un menu déroulant contenant tous les fuseaux horaires possibles. Je veux faire en sorte que lorsqu'un utilisateur sélectionne un fuseau horaire dans le menu déroulant, et clique sur un bouton, le bouton récupère l'option qui a été sélectionnée et, en utilisant Dajaxice (je vais gérer cela), le passe à une base de données MySQL.

Comme je suis nouveau sur JQuery mobile, et JavaScript ... J'ai besoin d'aide pour écrire le gestionnaire de clic pour le bouton select et le bouton. Code suit:

<!-- TimeZone select section --> 
<div data-role="fieldcontain"> 
    <label for="timezone-select" class="select">Choose Timezone:</label> 
    <select name="timezone-select" id="timezone-select" data-inline="true"> 
     {%for x in timezones%} 
      <option value="{{x}}" id="option_{{forloop.counter}}" >{{x}}</option> 
     {%endfor%} 
    </select> 
</div> 

<!-- Sumbit TimeZone --> 
<div> 
    <a data-role="button" id="storeTimezone" data-inline="true">Store Timezone</a> 
    <h1 id="storedTimezone">Stored Timezone: </h1> 
</div>  

Answer 1

Vous pouvez localiser l'option sélectionnée avec ce code jQuery:

<script> 
$(document).ready(function() { 
var yourTimezone = $('#selectID').find(":selected").text(); 
}); 
</script>