0

Есть плагин liTranslit - jQuery Translit

Там есть возможность мгновенно переводить на транслит в другой input таким способом:

$('#input-translit').liTranslit({
   elAlias: $('#input-translit-to'),
});

#input-translit - поле, куда вводятся русские символы.

#input-translit-to - поле, где выводятся транслит.

Суть такая:

Нужно, чтобы в поле #input-translit-to выводился транслит из нескольких полей.

Допустим, есть три поля: Фамилия, Имя и Отчество.

В результате должно получится: familiya-imya-otchestvo

1 ответ 1

1

Ну решение в любом случае будет костыльным, можно например так:

<style> #input-translit {display: none;} </style>

<textarea id="x1">имя</textarea>
<textarea id="x2">фамилия</textarea>
<textarea id="x3">Бубу</textarea>

$('#x1, #x2, #x3').on('input', function(){
  var x1 = $('#x1').val();
  var x2 = $('#x2').val();
  var x3 = $('#x3').val();    
  $('#input-translit').val( x1 + ' ' + x2 + ' ' + x3 );
  $('#input-translit').liTranslit({
      elAlias: $('#input-translit-to')
  });
});

Изначально поле ввода делаем невидимым, и передаем туда значения из трех других полей, при вводе.

Довольно быстро нашел, это их официальный JsFiddle, можете покопаться в коде подробнее, если есть желание.

P.s. на самом деле свой "переводчик" создать не так уж сложно, если вам будет нужна лишь простая подмена букв, без исключений и словарей...

1
  • Спасибо! На самом деле я так и пытался сделать, но делал неправильно. Делал два события вместо того, чтобы все засунуть в одно. Конечно, на счет своего переводчика я тоже думал, но времени особо на это нет, потому искал готовые решения)
    – Andrey
    26 мая 2019 в 14:16

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.