osetr,
Первое, что на ум пришло. Конечно эти данные, по-хорошему, динамически формировать надо. Но смысл такой, как вариант.
<html>
<head>
<title>Untitled</title>
</head>
<body>
<html>
<head>
<title>Тестирование</title>
<meta charset="windows-1251">
</head>
<body>
<div></div>
<select id="select">
<option >Картошка</option>
<option >Помидоры</option>
<option >Курица</option>
<option >Индюк</option>
</select>
<textarea id="hostt"></textarea>
<textarea id="lun"></textarea>
<script>
get=function(id){
return document.querySelector("#"+id)
}
hostt=get("hostt")
lun=get("lun")
select=get("select")
dispatch=function(arg){
var veg="Овощ"
var anim="Животное"
var o={
"Картошка": veg,
"Помидоры": veg,
"Курица": anim,
"Индюк": anim
}
return o[arg]
}
select.onchange=function(){
hostt.value=lun.value=this.value+" это "+dispatch(this.value)
}
</script>
</body>
</html>