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 在这里只是为了让翻转开关看起来像是打开然后关闭。