jquery - 当翻转切换器在jquery mobile中进入状态时如何提交表单

Question

我有一个简单的表单，其中包含两个输入的用户名和密码以及翻转开关我想在翻转进入打开状态时填写表单我尝试使用这个：

<select name="flip-1" id="flip-1" data-role="slider">
<option value="off"></option>
<option value="on"><input type="submit" value="" data-inline="true" /></option>
            </select>

但不工作任何人都可以帮助？？？

Answer 1

这是一个工作代码。

HTML：

<form id="some-form">
    <select name="flip-1" id="flip-1" data-role="slider">
        <option value="off"></option>
        <option value="on">Submit</option>
    </select>                                
</form>

Javascript：

$(document).on('change', '#flip-1', function(){    
    if($("#flip-1 option:selected").attr('value') == 'on') {
        $('#some-form').submit();
    }
});

编辑 ：

这应该这样做：

$(document).on('pagebeforeshow', '#index', function(){       
    $(document).on('change', '#flip-1', function(){    
        if($("#flip-1 option:selected").attr('value') == 'on') {
            $('#some-form').submit();
            var timer = setInterval(function() { 
                $('#flip-1 option[value="off"]').attr('selected','selected');
                $('#flip-1').slider('refresh'); 
                clearInterval(timer);
            }, 500)
        }
    });
});

setInterval 在这里只是为了让它看起来像翻转开关打开然后关闭。