android - 如何通过html的select标签关闭android打开的对话框

Question

我正在为 android 和 Iphone 创建一个 Web 应用程序。现在我的 html 页面是一个选择标签，当我在 android 浏览器上选择它时，它会打开带有上一个下一个和完成按钮的 android 的默认微调器对话框。

 <select  id="select-choice-presence" data-role="none"  

                 onChange="onUserStatusChange(this.value)"
                 style="width:150px;border:2px solid #333;"> 
            <option value="Online">Online</option>                                
            <option value="Away">Away</option>
            <option value="BeRightBack">Be Right Back</option>
            <option value="Busy">Busy</option>
            <option value="OutToLunch">Out To lunch</option>
            <option value="InAMeeting">In A Meeting</option>
            <option value="Offline">Appear Offline</option>
            <option value="Logout">Logout</option>
        </select>

我正在捕获 onChange 事件以在选择标记的值发生更改但未关闭微调器对话框时获取事件。所以我想在用户通过按下完成按钮关闭对话框或当用户选择任何选项对话框将自行关闭时捕获事件。

寻求帮助

Answer 1

$('select').change(function() {
    // DO SOMETHING

    // close the android select dialog
    $(this).blur();
});

Answer 2

$('#menu_options').change(function() 
                    {
                        var id = $(this).children(":selected").attr("id");
                         console.log(id);
                        console.log($(this)[0].selectedIndex);
                        desck = descriptions[$(this)[0].selectedIndex];
                        console.log(desck);
                        loadMenuDetail($(this).val(),subTempId,id,desck);
                    });

以上代码适用于 jQuery Mobile。这在我的 android webview 中运行良好。“menu_options”是您在 HTML 中选择标签的 ID