jquery mobile 选择点击处理程序

Question

我有一个使用 Django、Dajaxice 和 JQuery Mobile 的小型 Web 应用程序。

我创建了一个下拉菜单，其中包含所有可能的时区。我想这样做，当用户从下拉菜单中选择一个时区并单击一个按钮时，该按钮会获取已选择的任何选项，并使用 Dajaxice（我将处理此问题）将其传递给 MySQL 数据库。

由于我是 JQuery mobile 和 JavaScript 的新手...我需要一些帮助来编写选择和按钮的单击处理程序。代码如下：

    <!-- 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

您可以使用此 jQuery 代码找到选定的选项：

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