如何提交表單時，在jQuery的移動翻轉切換狀態

Question

我有簡單的形式包含兩個輸入的用戶名&密碼和翻轉開關我想sumbitt表單時翻轉狀態我嘗試使用這個：

<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就在這裏，它可以看起來像翻轉開關然後關閉。