javascript - 加入由選擇下拉列表填充的文本框值

Question

我有5個文本框（id ='i1'至'i5'，class =「in」），它們是從選擇下拉列表中填充的值。我有這個位工作：

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」

The文本框「I6」最終將使更改圖像的路徑，然後我將努力讓

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

相應地改變....如果任何人都可以在正確的方向指向我，我覺得我很也許很接近，但是我對JavaScript的知識並不是很棒！

在此先感謝

羅布

Answer 1

好了，我只是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> 

所以現在我有工作了如何根據新的字符串動態地改變圖像...如果有人能幫助我解決這個問題，我會非常感激......