フォームに次のjavascript
コードを使用します。validate/submit
function SendForm() {
var formlist = document.getElementById ("formlist");
var buttonRadios = document.getElementsByName ("film");
var selected = false;
for (var i = 0; i < formationRadios.length; i++) {
if (formationRadios[i].checked) {
selected = true;
break;
}
}
if (selected) {
document.formlist.submit ();
}
else {
//nothing to do
}
}
Html 側:
<form method="post" name="formlist" action="films.php" OnChange="SendForm();">
...
<input type="radio" name="film" id="spman" value="spman" required="required"><label for="spman">Spider Man</label>
...
<select class="required" name="date" id="date">
<option selected value="13-05-2012">13 May 2012</option>
...
</select>
</form>
これは、android の firefox beta では動作しますが、android のデフォルト ブラウザでは動作しません。また、Firefox デスクトップ ブラウザでも動作します。
何が問題なのか教えていただけますか。firebug コンソールにエラーはありません。
アップデート:
私は最終的に問題を発見しました。それはコードからではなく、詳細については、ラベルをクリックするときにラジオボックスをチェックするという iPhone/iPad のバグから来ています。
http://v4.thewatchmakerproject.com/blog/how-to-fix-the-broken-ipad-form-label-click-issue/
ご協力ありがとうございました。