Как сделать при выборе в селекте нужного параметра замену id в другом элементе?

Question

[Капитан Какао]

Парни вот пример кода.

Нужно что бы при выборе страны, менялся id в input и снимался disabled.
А если человек снова выбирает в селекте первый пункт "Выбирите страну", то id из инпута снова нужно убрать и снова заблокировать.
К примеру, если выбрал из списка страну Россия, то в input id становится id="phone1"
Если из списка выбрал Украина, то id снова меняется id="phone2"
И так дальше.

Вот пример html кода.

Очень хотелось бы минимальный скрипт на jQuery, без подключения дополнительных библиотек, если это конечно возможно)

Answer 1

[Дмитрий]

$('select#country').change(function() {
  var value = $(this).val();
  if(value=='ru'){
     $('input[type="text"]').attr('id', 'phone1');
     $('input[type="text"]').attr('disabled', false);
  }else if(value=='ua'){
     $('input[type="text"]').attr('id', 'phone2');
     $('input[type="text"]').attr('disabled', false);
  }else{
     $('input[type="text"]').attr('disabled', true);
  }
});

Comments

[Капитан Какао]

Огромное спасибо. Именно то, что нужно!) Премного благодарен.

[Капитан Какао]

Слушай, я хотел одну идею реализовать с с помощью этого скрипта.
Но не вышло.
Задумка была такова, что по id полю задаётся определённая маска другим скриптом.
Но при замене id этим скриптом что аписал ты, маска не вступала в силу.
Тогда я решил пойти другим путём.

Просто создать 2 поля input, у каждого свой id. По умолчанию они скрыты. А при выборе нужной страны, будет убиратся дисплей ноне и отображатся нужное поле.

Я прибег правил твой скрипт. Всё ок.
Но проблема в том, что при первом выборе, нужной страны, открывается нужное поле, а если в списке второй раз выбрать другую страну, то как бы ещё одно поле добавится, но предидущее не скроется. И как сделать скрытие, я не смог сообразить. Только учу JS.

В общем на словах вряд ли понятно, вот пример: jsfiddle.net/1e0rsu2b/4
Помоги пожалуйста допилить его.

[Дмитрий]

Rad Cor:
api.jquery.com/css
api.jquery.com/hide
api.jquery.com/show

+ самый просто вариант, скрыть все поля, а потом показать нужное

как по мне изначально выбран неверный подход к решению задачи ИМХО

[Капитан Какао]

Дмитрий: да вот я тоже начал думать что не правильно подошёл к задаче.
Может подскажешь верный путь для решения? Как сделать оптимально, с меньшим кодом и большей производительностью.

Маску полей инициализирует такой скрипт

$(function($){
$("#phone1").mask("[phone]");
$("#phone2").mask("[phone]");
});

И вот как-то нужно реализовать, что бы при выборе страны из списка, в input отображалась соответствующая маска.

[Дмитрий]

Rad Cor: я бы оставил только одно поле "телефон" и для валидации использовал плагин robinherbots.github.io/jquery.inputmask (он более универсальный)

[Дмитрий]

Rad Cor: или andr-04.github.io/inputmask-multi/ru.html