[jkr]

Ещё пара вопросов, ответов на которые я так и не нарыл в Интернетах:

<h1>Шаг №1: выберете тип рукава</h1>
<div style="float: left; width: 25%; height: auto;">Тип рукава &nbsp
<select id="selecthose">
<option value="-1">Выберите:</option>
<optgroup label="Резиновый шланг высокого давления">
<option value="1SNф">1SN</option>
<option value="2SNф">2SN</option>
</optgroup>
</select></div>
<div style="float: right; width: 75%; height: auto;">Диаметр условного прохода &nbsp <select onchange="if (this.selectedIndex>0) {var chname=document.getElementsByName('artikul')[0]; chname.value+=this.options[selectedIndex].text+'х'}">
<option value="-1">Выберите из списка</option>
<option value="1">06</option>
<option value="2">08</option></select>&nbsp
<div style="float: right;"><a target="blank" id="" href=""><b>Подробное описание рукава</b></a></div></div>
</div>
<br>
<br>
<div style="float: left; width: 50%; height: 300px;"><img name='table' height="300"></div>
<div style="float: right; width: 50%; height: 300px;"><img height="50" name='pic'><img name='desc' height="250"></div>
<script> 
function hosepicture(){
document.table.src=this.value+"_TABLE.png";
document.pic.src=this.value+".png";
document.desc.src=this.value+"_DESC.png";
if (this.selectedIndex>0) {
document.getElementById('artikul').value=this.value+'';
};
};
document.getElementById('selecthose').addEventListener('change',hosepicture);
</script>
<br>
<div style="float: left; width: 30%;">Обозначение РВД:</div>
<div style="float: right; width: 70%;"><input readonly type="text" name="artikul" id="artikul" value="" size="70%" placeholder=""></div>

1. Как бы добавить в скрипт динамическое изменение адреса ссылки?
2. В таком виде в Input Artikul добавляется (вернее дополняется) значение второго (и последующих) селекта при каждом его изменении, можно ли сделать, чтобы оно не добавлялось, а заменялось, но не полностью, а только та часть, которая добавляется конкретным селектом?