pole select, lista większa niż pole wyboru Opcje

[TomASS]

Witam, mam sobie takiego prościutkiego selecta (no może nie prościutkiego, bo odrazu robi this.form.submit() ):

[HTML] pobierz, plaintext 
<select>
<option>Pomidor</option>
<option>Ogórek</option>
<option>Banan</option>
</select>
[HTML] pobierz, plaintext 

załóżmy, że ma ok 100px i teraz chciałbym aby po rozwinięciu się optionów wyświetliła się normalna lista selectu, tylko ze np. o szerokości 300px zawierająca np.

Pomidor | 43kg | 4.56zł
Ogórek | 44kg | 0.99zł
Banan | 45kg | 4.64zł


Po prostu większa lista + więcej danych.
Jak to zrobić, bardzo proszę o pomoc i pozdrawiam serdecznie w ten piękny dzionek:)

Tomasz Łosek

[revyag]

Nie do końca rozumiem .
Chodzi Ci o to że masz jednego selecta i jak coś w nim wybierzesz to pojawia się druga lista ? Jeśli tak, to gdzie ma się pojawić i co ze starą listą ?

[Dravo]

A może na zasadzie: Jeśli rozwiniesz liste i zaznaczysz dane pole, wtedy w polu obok wyświetlą się dodatkowe dane, które będą się dynamicznie zmieniały?

[TomASS]

Normalna lista wygląda mniejwięcej tak:

Normalnie jest:

A chciałbym aby było: