Cambiare valore ad una variabile globale js

[Developer_01]

Salve a tutti ragazzi ho uno script js che mi permette di aggiungere delle immagini ad una tabella trascinandole.
Lo script è il seguente:
<script>
i=1;
function dragStart(event) {

event.dataTransfer.setData("Text", event.target.dataset.valore);
event.dataTransfer.setData("Icona", event.target.dataset.icona);
event.dataTransfer.effectAllowed = 'copy';
}




/* Events fired on the drop target */
function allowDrop(event) {
event.preventDefault();
}


function drop(event) {
event.preventDefault();
var data = event.dataTransfer.getData("Text");
var data1 = event.dataTransfer.getData("Icona");
var id="im"+i;
var idp="demo"+i;
document.getElementById(id).src =data1;
document.getElementById(idp).innerHTML =data;
i++;
}
</script>
Però il valore dell'indice i deve cambiare in base ad una scelta della select e dargli un valore maggiore come potrei risolvere? Ho già provato con dei controlli ma non riesco. Stavo pensando ad una funzione dentro la variabile i.. Possibile?

[cavicchiandrea]

sempre che abbia capito prova cosi
var id="im"+document.tuo_nome_form.nome_select.option s[doument.tuo_nome_form.nome_select.selectedIndex].value+i;
var idp="demo"+document.tuo_nome_form.nome_select.opti ons[doument.tuo_nome_form.nome_select.selectedIndex].value+i;