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 js : Sélectionner tout - Visualiser dans une fenêtre à part
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 html : Sélectionner tout - Visualiser dans une fenêtre à part
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.