В итоге, есть два промежуточных решения, которые хотелось бы совместить.
1. Скрипт, который меняет изображения по Select-у:
<select id="selecthose" onchange='hosepicture();'>
<option value="-1">Выберите:</option>
<optgroup label="Резиновый шланг высокого давления">
<option value="1SN">1SN</option>
<option value="2SN">2SN</option>
</select>
<br><br>
<img height="100" name='pic' class="tab">
<script>
function hosepicture(){
var selecthose = document.getElementById('selecthose');
document.pic.src=selecthose.value+".jpg";
}
</script>
2. Действие внутри самого Select-а, которое отправляет Value в Input:
<select onchange="if (this.selectedIndex>0) {var chname=document.getElementsByName('artikul')[0]; chname.value+=this.options[selectedIndex].value+''}">
<option value="-1">Выберите:</option>
<optgroup label="Резиновый шланг высокого давления">
<option value="1SN">1SN</option>
<option value="2SN">2SN</option>
</select><br><br>
Обозначение: <input readonly type="text" name="artikul" id="artikul" value="" size="30em" />
Вопрос в том, как это совместить. Можно ли действие из пункта 2 впихнуть в скрипт №1?