Comment changer le masque de masque de saisie jQuery en fonction du contexte de liste déroulante?

J’utilise actuellement jQuery inputmask pour l’effet suivant:

C’est assez simple pour le formatage des numéros de téléphone américains et canadiens en utilisant quelque chose comme:

$("#user_phone").inputmask("mask", { "mask": "(999) 999-9999" }); 

J’aimerais cependant changer ce contexte de formatage en fonction du menu déroulant “Code pays”, de sorte que lorsqu’il s’agit du Royaume-Uni, il utilise un autre masque, etc. js / jQuery?

Voici un exemple de la source de travail telle qu’elle est maintenant: http://jsfiddle.net/j9aNh/1/

• Extraction de données XML à l’aide de javascript
• actualiser la page mobile jquery après le chargement
• Recherche dans le tableau HTML des colonnes
• Impossible de supprimer l’atsortingbut de style en chrome
• Cliquez sur un autre élément et affichez les options de sélection

UPDATE: D’accord, je pense que cela fonctionne de manière satisfaisante maintenant et j’apprécierais tout conseil en termes d’assèchement adéquat: http://jsfiddle.net/j9aNh/3/

• Garder le menu ouvert après avoir cliqué sur le sous-élément jQuery
• OnClick ne fonctionne qu’après rechargement, en utilisant jquerymobile
• soumission d’un formulaire à deux URL différentes sans ajax
• Tronquer dynamicment le texte pour s’adapter à la liste
• Filtrer les div avec des atsortingbuts de données avec plusieurs cases à cocher

 $('select').change(function() { var country=$(this).val() //or if you want to get text you may use var country=$(this).text() var maskuse; if(country=='USA') { maskuse="(999) 999-9999"; } if(country=='Canada') { maskuse="(999) 999-9999"; } /// and soon changing mask for a country $("#user_phone").inputmask("mask", { "mask": maskuse }); });