смена значений через select
 

Здравствуйте, есть код который отображает значение выбранное в <select>

<span id="mydiv">10.</span>
 
<select name="city" id="myselect">
<option value="10">дома</option>
<option value="5">машины</option>
<option value="7">яблоки</option>
</select>

document.getElementById("myselect").addEventListener("change", function(){
      document.getElementById('mydiv').innerHTML = ""+this.value+".";   
    });

Как видно, в <span> выводится значение которое в value (<option>).
Как можно добавить еще одно значение, которое совсем другое и выводилось бы в другом <span>?
Допустим:
Количество: <span id="mydiv">10.</span>
Кто: <span id="mydiv">Ваня.</span> (совсем другое значение)

deatlink,
id не повторяйте

как это должно выглядеть?

понял, допустим mydiv2 будет. Но надо чтобы значение было другое

deatlink,
в чём проблема? что не работает?

Смотрите.
Вот к примеру таблица:

Id Color Job ID
1 green master 63hr
2 red programmer 7fgdg
1 yellow designer 74ythg

LALA: <span id="mydiv">тут должно выводиться из столбика Job.</span>

VAVA: <span id="mydiv">тут должно выводиться из столбика Color.</span>

Если в select выбрали green то:
LALA: master
VAVA: 63hr

deatlink,
не осилил.

Всмысле?

deatlink,
не понял ваших пояснений

Дана таблица:
Id Color Job ID
1 green master 63hr
2 red programmer 7fgdg
1 yellow designer 74ythg


Если в <select> выбрали green то:
JOB: master
ID: 63hr