[Jquary] Aggiornare Inputext

[anflam]

Salve,
ho un form composto da piu caselle input con lo stesso id. Non riesco ad aggiornarle tramite jqyery. Ecco il codice.


<form >
<input id="anagrafica-cognome" type="text" maxlength="25" name="Anagrafica[cognome]">
<input id="anagrafica-cognome" type="text" maxlength="25" name="Anagrafica[cognome]">
<input id="anagrafica-cognome" type="text" maxlength="25" name="Anagrafica[cognome]">
</form>
<button id="btnTest" title="Test" type="button">Test</button>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">


$('#btnTest').on('click', function(ev)
{
$("input[id='anagrafica-cognome']")[0].val("Rossi");
$("input[id='anagrafica-cognome']")[1].val("Esposito");
$("input[id='anagrafica-cognome']")[2].val("Russo");
}
);


</script>

Grazie anticipatamente

[m4rko80]

Ciao, diciamo che in partenza è sbagliato. Non posso esistere in pagina piu' elementi con lo stesso ID.
L'id dev'essere univoco fra gli elementi.
Se vuoi usare un indice staticamente [0] [1].... puoi usare o una classe o il nome(name) dell'input.
Settando nel modo che hai fatto, la modifica probabilmente può al massimo funzionare sul primo che trova in pagina.
Classe Tag

[anflam]

Ciao m4rko80,
effettivamente le inputtext erano errate quelle giusto sono queste. Puoi aiutarmi. Grazie

<input id="anagrafica-0-cognome” name="Anagrafica[0][cognome]">
<input id="anagrafica-1-cognome" name="Anagrafica[1][cognome]">
<input id="anagrafica-1-cognome" name="Anagrafica[2][cognome]">

[cassano]

Cosi si crea una matrice di 3 elementi giusto ?

[m4rko80]

Ciao, se hai gli ID ora univoci diventa semplicissimo

$('#anagrafica-0-cognome').val('rossi');
$('#anagrafica-1-cognome').val('Esposito');

e così via...
Se poi i valori non fossero statici ma presi da una qualche lista questo non lo vedo ma sarebbe ovviamente un pò diverso.
Cosi' con gli ID statici definiti a priori non puoi sbagliare.

Se avessi una lista di input/tag con la stessa classe potrei fare una cosa di questo tipo

<input type="text" class="testo" value="uno" />

<input type="text" class="testo" value="due" />
.....
var lista = $('.testo'); //Lista di tutti gli input con classe "testo"
//ciclo  ogni tag
$.each(lista,function(i,el){ 
  //ogni "el" corrisponde ad un tag e "i" l'indice numerico
});

jQuery Each