Select options ar papildu iespēju!

[Sasa]

Vai ir iespēja sataisīt selectam tā ka ja maina tā vērtības kaut kāda speciāli paredzētā vietā attēlotos kāds zīmējums, kas atiecas uz to, kas ir iekš selecta izvēlēts!

[Vebers]

Jā, vari izsaukt javascript f-ju.

<script>
function update(el) {
document.getElementById('nx').innerHTML = el.value;
}
</script>
<select name="x" onchange="update(this)">
  <option value="1">1</option>
  <option value="2">2</option>
</select>

<div id="nx">value</div>

Edited January 25, 2008 by Vebers

[Sasa]

bik pārveidoju un man sanāca tā:

 

<div id="nx">value</div>

<script>
function update(el) {
document.getElementById('nx').innerHTML = el.value;
}
</script>
<select name="x" onchange="update(this)">
  <option value="<IMG SRC='Images/pvc/1.jpg' WIDTH='50' HEIGHT='50' BORDER='0' ALT=''>">1</option>
  <option value="<IMG SRC='Images/pvc/1.jpg' WIDTH='50' HEIGHT='50' BORDER='0' ALT=''>">2</option>
</select>

 

bet šajā piemērā visu laiku mainās iekš viena div'a, bet lai es redzētu visu to ko esmu izvēlējies man vajadzētu katru reizi pāriet pie jauna div'a un tur ielikt to, kas jauns izvēlēts! kā man tā sataisīt??

[andrisp]

Nu var jau itkā +=, tb:

document.getElementById('nx').innerHTML += el.value;

 

Bet vispār "labāk" būtu, ja ar createElement un appendChild veidotu tos divus.

 

PS. ieksh value < un > paartaisi par < un > (tb izlaid caur htmlspecialchars vai kaut ko analogu)

[Delfins]

<option value="<IMG SRC='Images/pvc/1.jpg' WIDTH='50' HEIGHT='50' BORDER='0' ALT=''>">2</option>

WTF ?

nav vieglāk masīvā to visu !?