入力の最初の4文字を取得し、jqueryで既定のテキストとして別の入力に挿入します

Question

2つの入力値の最初の4文字を取り込み（入力した場合）、それらを一緒にストリングして3番目の入力に挿入する必要があります入力のデフォルト値私は最初の4人のキャラクターをつかむことを除いてこの作業をしています（今はかなり長い空港名かもしれない全体の価値をつかんでいます）。

JSフィドル：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/

あなたが最初の4つの文字が含まれるだけに文字列を変更する.substring（）関数を使用することができます:)。

Answer 2

あなたのjsを編集しました。編集したjsはhttp://jsfiddle.net/4byPJ/7/です。

また、あなたはjQueryのUIのオートコンプリートでこのコードを使用することをお勧めします他の誰のためにsubsring