JS смена маски тел input

@synapse · Регистрация: 29.10.2010

Author24 — интернет-сервис помощи студентам

Подскажите пожалуйста с кодом.
Как сделать изменение маски телефона в поле input при смене option в selct ?

Мой код:

HTML5

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="" style="padding-top:20px">
 
<input class="co-input-field js-input-field" type="tel" id="client_phone" name="client[phone]" value="">
 
<select class="co-input-field js-input-field" autocomplete="off" placeholder="" id="shipping_address_country" name="shipping_address[country]">
  <option value="PT" selected="selected">Portugal</option>
  <option value="ES">Spain</option>
</select>

Javascript

$('select#shipping_address_country[name="shipping_address[country]"]').on('change', function() {
  $('.co-input-field.js-input-field#client_phone[type="tel"]').val($(this).val());
}).change();
 
 
$(function(){
  $("#client_phone").mask("+34(999) 999-9999");
});

Так-же в jsFiddle : https://jsfiddle.net/synapse3/0rc3x8pq/25/

сейчас выводится значение value, а нужно подставлять для Espain и Portugal - свои маски.

Спасибо

@Smls · 03.03.2021, 20:08

Для начала нужно скрипт подключить который эту маску создает.

HTML5

1	<script src="https://cdn.jsdelivr.net/npm/jquery.maskedinput@1.4.1/src/jquery.maskedinput.min.js" type="text/javascript"></script>

Потом можно вписать эти маски прямо в value

HTML5

1 2	<option value="+35(999) 999-9999" selected="selected">Portugal</option> <option value="+34(999) 999-9999">Spain</option>

Javascript

1
2
3

$('#shipping_address_country').on('change', function() {
$("#client_phone").mask( $(this).val() );
}).change();

	03.03.2021, 20:08