Via select : changer action d'un form puis submit + smartphone

Bonjour,
J'ai un formulaire contenant juste une liste déroulante (<select>).
A la sélection dans la liste, je souhaite :

• modifier l'attribut action du formulaire (changer l'URL de la page de destination)
• soumettre le formulaire

Mon script fonctionne sur PC, mais PAS sur mon smartphone (Samsung Galaxy Ace)
A priori, sur smartphone, c'est le mode de sélection dans une liste déroulante qui semble en cause (ouverture en popup + bouton "OK").

Une page où voir le soussaï : ICI
Sélection dans la liste déroulante : OK sur PC, KO sur smartphone.

Un test (simplifié pour l'occasion): (http://codepen.io/jreaux62/pen/zhInr)

Code:

---

1 2 3 4 5 6 7

<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <script> function submitArtDiscsSelect(artURL){ // URL Rewriting $('#formArtDiscsSelect').attr('action', '#' + artURL).submit(); $('#test').html(artURL); } </script>

---

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<form method="post" id="formArtDiscsSelect" action="#" onsubmit="return:false;"> <select id="idartDiscArticleId" name="id" style="width:auto;" onchange="submitArtDiscsSelect(this.value);"> <option value="44-2013-rayonnances">2013 - Rayonnances</option> <option value="43-2012-air-amadoue">2012 - Air amadoué</option> <option value="41-2009-arpaligato">2009 - Arpaligato</option> <option value="39-2008-danza-harpe">2008 - Danza Harpe</option> <option value="38-2005-nations-d-etoiles">2005 - Nations d'Étoiles</option> <option value="36-2004-harpe-en-sol">2004 - Harpe en Sol</option> </select> </form> <div id="test"></div>

---

Ma question :
Comment faire pour que ça fonctionne sur smartphone ?

Merci.

Donc, sur smartphone :

• l'attribut action du formulaire est bien modifié
• MAIS le formulaire N'EST PAS soumis/envoyé

Quelqu'un s'y connait en <select> sur smartphone ? :calim2:

Code:

---

onsubmit="return:false;"

---

:nono:

En JavaScript, : correspond à un label et en fonction du navigateur, il se peut que l'instruction soit mal interprétée.
Bref, ce : est probablement la source du souci et la syntaxe correcte pour un return est

Code:

---

1 2 3

return [valeur ou expression] // dans ton cas : return false

---

Yadah ! j'avais pas vu !
Je teste ça...

[EDIT] Finalement, le doigt était bien posé sur le problème, mais le problème était un peu différent.
MA logique n'était pas bonne : il fallait juste supprimer return false;
Et ça fonctionne.

Code:

---

1 2 3

<form method="post" id="formArtDiscsSelect" action="<?php echo $_SERVER['PHP_SELF']; ?>"> ... <select id="idartDiscArticleId" name="id" style="width:auto;" onchange="submitArtDiscsSelect();">

---

Code:

---

1 2 3 4 5

<script> function submitArtDiscsSelect(){ $('#formArtDiscsSelect').attr('action', '<?php echo SITE_URL_HTTP.REP_PAGES; ?>article/' + $('#idartDiscArticleId').val()).submit(); // URL Rewriting } </script>

---

Merci Bovino pour ton coup d'oeil aiguisé :ccool: