proprietà value di un oggetto select

[lexip1313]

Ciao.

Mi sono imbattuto casualmente nella proprietà "value" di un oggetto "select" (non di un elemento dell'array "options", ma proprio dell'oggetto "select"). Uso da sempre la proprietà "selectedIndex" per modificare il valore di un select box da JS, ma ho scoperto che anche effettuando un assegnamento sulla proprietà "value" il select box viene modificato correttamente.

Ovvero, anziché impostare:

elemento_select.selectedIndex = 3;

fare un assegnamento del tipo:

elemento_select.value = 'pippo';

Mi pare una soluzione molto più comoda, ma la trovo scarsamente documentata in rete (e.g. il sito del W3C non la riporta e molti siti riportano esplicitamente che gli elementi "select" non hanno la proprietà "value" e pertanto bisogna impostare la "selectedIndex") e temo che possa essere scarsamente supportata dai browser.
Sono praticamente sicuro che anni fa non era supportata, quindi mi domando se qualcuno sa darmi indicazioni su quali browser la supportano e a partire da quale versione.

Grazie.

[cavicchiandrea]

non di un elemento dell'array "options", ma proprio dell'oggetto "select"

non mi risulta che l'elemento select inteso come contenitore di options abbia un value (valore), e oltretutto a che pro dovrebbe averlo? E a cosa potrebbe servire?

<select id="miaselect" name="miaselect" value="cosa serve">
...
</select>

[lexip1313]

Scusa, forse non sono riuscito a spiegarmi bene, io dicevo della possibilità di usare questa proprietà (che non mi risulta abbia un corrispettivo nel codice HTML o almeno se ce l'ha non vedo a cosa possa servire, come dici tu...) per impostare il valore di un select box senza utilizzare la "selectedIndex".

Faccio un esempio più dettagliato:

<select id="pippo">
<option value="10" selected="selected">dieci</option>
<option value="20">venti</option>
<option value="30">trenta</option>
<option value="40">quaranta</option>
<option value="50">cinquanta</option>
</select>

<script type="text/javascript">
document.getElementById('pippo').value=30;
</script>

Se mandi in esecuzione questo codice vedrai che verrà selezionata la terza opzione del select box. Per quanto mi risultava finora, invece, il modo corretto per farlo era l'istruzione:

document.getElementById('pippo').selectedIndex=2;

Mi domandavo se la possibilità di modificare l'elemento selezionato da Javascript facendo un assegnamento sulla proprietà "value" anziché utilizzando "selectedIndex" fosse supportata o meno e da quando.

[br1]

function seleziona(obj,vl) {
  for (var i=0;i<obj.options.length;i++) {
    if(obj.options[i].value==vl) obj.selectedIndex=i;
  }
}

seleziona(document.getElementById('pippo'),'30');

oppure potresti usare jquery o prototype... ma non e' il mio campo

[cavicchiandrea]

Originariamente inviato da lexip1313
Scusa, forse non sono riuscito a spiegarmi bene, io dicevo della possibilità di usare questa proprietà (che non mi risulta abbia un corrispettivo nel codice HTML o almeno se ce l'ha non vedo a cosa possa servire, come dici tu...) per impostare il valore di un select box senza utilizzare la "selectedIndex".

Faccio un esempio più dettagliato:

<select id="pippo">
<option value="10" selected="selected">dieci</option>
<option value="20">venti</option>
<option value="30">trenta</option>
<option value="40">quaranta</option>
<option value="50">cinquanta</option>
</select>

<script type="text/javascript">
document.getElementById('pippo').value=30;
</script>

Se mandi in esecuzione questo codice vedrai che verrà selezionata la terza opzione del select box. Per quanto mi risultava finora, invece, il modo corretto per farlo era l'istruzione:

document.getElementById('pippo').selectedIndex=2;

Mi domandavo se la possibilità di modificare l'elemento selezionato da Javascript facendo un assegnamento sulla proprietà "value" anziché utilizzando "selectedIndex" fosse supportata o meno e da quando.

Credo, ma non sono sicurissimo che la sintassi selectedIndex sia la più corretta e supportata da tutti i browser (anche i più vecchi) mentre riferirsi al value è più recente, oltretutto il value potresti ometterlo pertanto io preferisco usare selectedIndex a scanso d'equivoci o mal funzionamenti.