Código de selección de máscara de teléfono disponible. Esto es necesario para mostrar la bandera del país con la máscara de código de área dada
$(function() { function maskPhone() { var country = $('#country option:selected').val(); switch (country) { case "ru": $("#phone").mask("+7(999) 999-99-99"); break; case "by": $("#phone").mask("+375(99) 999-99-99"); break; } } maskPhone(); $('#country').change(function() { maskPhone(); }); });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.min.js"></script> <select id="country" class="form-control"> <option value="ru">RU +7</option> <option value="by">BY +375</option> </select> <input id="phone" type="text" name="customer_phone" value="" >
¿Cómo cambiar la opción de selección a ul li?
Puede usar banderas Unicode:
$(function() { function maskPhone() { var country = $('#country option:selected').val(); switch (country) { case "ru": $("#phone").mask("+7(999) 999-99-99"); break; case "by": $("#phone").mask("+375(99) 999-99-99"); break; } } maskPhone(); $('#country').change(function() { maskPhone(); }); });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.min.js"></script> <select id="country" class="form-control"> <option value="ru">🇷🇺 RU +7</option> <option value="by">🇧🇾 BY +375</option> </select> <input id="phone" type="text" name="customer_phone" value="" >