javascript - 選択したドロップダウンによって入力されるテキストボックスの値を結合します

Question

私は5つのテキストボックスを持っています（選択したドロップダウンからの値から入力されるクラス= "i5"のid = 'i1'から 'i5'私はこのビットの作業があります。

document.getElementById('i1').value = '/images/'; 
document.getElementById('i2').value = 'image1'; 
document.getElementById('i3').value = 'b'; 
document.getElementById('i4').value = '_black'; 
document.getElementById('i5').value = '.jpg'; 
etc... 

これは正しいのテキストボックスに値をプッシュ:)

私は、文字列の中にボックスのすべてに参加するコードのビットを持っており、別のテキストにプッシュボックス（クラス=「アウト」とID =「I6」）：

<script language="javascript"> 
$(document).ready(function() { 
    $('.in').on('input',function() { 
    var allvals = $('.in').map(function() { 
     return this.value; 
    }).get().join(''); 
    $('.out').val(allvals); 
    }); 
}); 
</script> 

このすべての作品私は、テキストボックスに情報を入力しますが、私の選択ボックスには、「マスター列I6」

を更新しない場合

テキストボックスに「I6」は、最終的に画像のパスに変更を加えるだろうと誰もが正しい方向に私を指すことができる場合、私はそれから....

<img src="path" name="imageThumb"> 

がそれに応じて変更するために取得しようと、私は、私はと感じてたぶんクローズっぽいですが、私のJavascriptに関する知識はそれほど素晴らしいものではありません！

事前に感謝

ロブ

Answer 1

[OK]を、ので、私はちょうどそれをsussed :)

を私はJavaScriptを置き換え：だから今私は仕事をしなければならない

<script language="javascript"> 
function getValues(val){ 
    var Val1=(document.getElementById("i1").value); 
    var Val2=(document.getElementById("i2").value); 
    var Val3=(document.getElementById("i3").value); 
    var Val4=(document.getElementById("i4").value); 
    var Val5=(document.getElementById("i5").value); 

    var fullString = Val1 + Val2 + Val3 + Val4 + Val5; 

    document.getElementById("i8").value = fullString; 
} 
</script> 

新しい文字列に応じて画像を動的に変更する方法...誰かが私の手助けをすることができれば、本当に感謝しています。