Получите первые 4 символа ввода и вставьте их в другой ввод как текст по умолчанию с помощью jquery

Question

Мне нужно взять первые 4 символа двух входных значений (если они были введены), связать их вместе и вставить их в третий вход в качестве значения по умолчанию для ввода. У меня это работает, за исключением захвата первых четырех символов (сейчас он захватывает все значение, которое может быть довольно длинным названием аэропорта).

JS Fiddle: http://jsfiddle.net/4byPJ/

//insert to and from values as the default seach name
$("#from").change(function() {
    $("#nameSearch").val($("#from").val() + " to " + $("#to").val());
});
$("#to").change(function() {
    $("#nameSearch").val($("#from").val() + " to " + $("#to").val());
});
<fieldset class="itineraryBlock">
        <legend>Itinerary</legend>

        <div class="fromFields">
          <label for="from">From:</label>
          <input type="text" name="from" id="from" class="airportField" />
        </div>
        <div class="toFields">
          <label for="to">To:</label>
          <input type="text" name="to" id="to" class="airportField" />
          </div>
</fieldset>
<fieldset class="saveSearch">
        <legend>Do you want to save this search?</legend>
        <input type="radio" id="yes" value="yes" name="saveSearch" checked="checked" />
        <label for="yes">Yes</label>
        <input type="radio" id="no" value="no" name="saveSearch" />
        <label for="no">No</label>
        <div class="nameSearchBlock">
          <label for="nameSearch">Name your search:</label>
          <input type="text" id="nameSearch" name="nameSearch" />
        </div>
        <!-- nameSearch -->
      </fieldset>

Answer 1

Это должно сработать:

http://jsfiddle.net/4byPJ/3/

Вы можете использовать функцию .substring (), чтобы изменить строку так, чтобы она включала только первые 4 символа:).

Answer 2

Я отредактировал ваши js, отредактировал js в http://jsfiddle.net/4byPJ/7/.

Кроме того, вы должны проверить длину ввода больше 4, прежде чем выполнять подстроку