Modifier les attr ds div commençant par ligne

Bonjour,

J'ai un mal fou a comprendre la logique du jquery, mais je ne désespère pas.

Je souhaite parcourir mon Dom et y repérer tous les id commençant par ligne.
j'ai une ligne de x id correspondant à ce critère.

Parmi cette liste d'id je souhaite repérer tous les inputs select et text pour leur changer leur attribut en readonly.

Voila globalement la demande.

Exemple de code HTML de ma page

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

<! Ligne 2 !> <tr id='ligne1' bgcolor = "#FFFFFF" align="left" valign="top" border="1" cellspacing="0" class="St1" Style='display' > <td align='center'>01</td><td> <input name="%%Surrogate_T_1" type="hidden" value="1"> <select name="T_1"> <option> <option>Test1 <option>Test1 <option selected value="_o85hn8qbfdog70sk2epimst39epig_">Test1</select> </td><td> <input name="L_1" value="1 - essai" tabindex="102" size=80 onkeyup="maximum(this,120);"></td> </tr> <! Ligne 2 !> <tr id='ligne2' bgcolor = "#FFFFFF" align="left" valign="top" border="1" cellspacing="0" class="St1" style='display'> <td align='center'>02</td><td> <input name="%%Surrogate_T_2" type="hidden" value="1"> <select name="T_2"> <option> <option>Test2 <option selected>Test2 <option value="_o85hn8qbfdog70sk2epimst39epig_">Test2</select> </td><td> <input name="L_2" value="2 - essai " tabindex="102" size=80 onkeyup="maximum(this,120);"></td> </tr>

---

Au niveau du jquery j'ai un peu de mal a demarrer :

Code:

---

1 2 3

$(document).ready(function(){ $("div:contain('ligne')").css("readonly", "readonly"); });

---

Mais la ca ne traite pas les input. D'ailleurs ca ne traite rien du tout.

Si une bonne âme pouvait me tendre la main.:aie:

Merci d'avance

je ne vois pas un seul div dans le code donné ... c'est normal ?

si le but est d'atteindre les inputs dasn des tr dont l'id commence par "ligne"
le selecteur ressemblerait plutot à

Code:

---

$("[id^='ligne'] input")

---

Ok merci.

Euhhh, oui je me suis trompé dans le titre c'est pas les div mais les id. :mrgreen:

J'ai ajouté :

Code:

---

1 2 3 4

$(document).ready(function() { $("[id^='ligne'] input").attr('readonly', true); });

---

Cela fonctionne pour mes champs text mais pas pour les champs de type liste déroulante :
le champ texte est L_2 ca fonctionne
Le champ liste déroulante est T_2 ca ne fonctionne pas

exemple :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<tr id='ligne2' bgcolor = "#FFFFFF" align="left" valign="top" border="1" cellspacing="0" class="St1" style='display'> <td align='center'>02</td><td> <input name="%%Surrogate_T_2" type="hidden" value="1"> <select name="T_2"> <option> <option>Test2 <option selected>Test2 <option value="_o85hn8qbfdog70sk2epimst39epig_">Test2</select> </td><td> <input name="L_2" value="2 - essai " tabindex="102" size=80 "></td> </tr>

---

Merci

Bonjour

Citation:

---

Parmi cette liste d'id je souhaite repérer tous les inputs select et text pour leur changer leur attribut en readonly.

---

Il n'existe pas d'input du type "select" !

Un élément "<select>" peut être "disabled" mais pas "readonly".

Exemple :

Code:

---

1 2 3 4

var jObjLigne = $( "[id^='ligne']" );   jObjLigne.find( "input[type='text']" ).prop( "readonly", true ); jObjLigne.find( "select" ).prop( "disabled", true );

---

Ok j'ai bien compris le principe mais comme je suis nul en jquery et en explication c'est compliqué d'avoir la bonne réponse de suite.

Ce code aurait dû fonctionner si mes champs étaient vraiment typés text et select.

Code:

---

1 2 3 4

var jObjLigne = $( "[id^='ligne']" );   jObjLigne.find( "input[type='text']" ).prop( "readonly", true ); jObjLigne.find( "select" ).prop( "disabled", true );

---

Mais mes champs apparaissent comme ça dans le code source de la page :

Code:

---

1 2 3 4 5 6 7 8

<input name="%%Surrogate_T_2" type="hidden" value="1"> <select name="T_2"> <option> <option>Test2 <option selected>Test2 <option value="_o85hn8qbfdog70sk2epimst39epig_">Test2</select> </td><td> <input name="L_2" value="2 - essai " tabindex="102" size=80 "></td>

---

L_2 est bien disabled ou readonly avec ce code :

Code:

---

$("[id^='ligne'] input").attr('readonly', true);

---

ou

Code:

---

$("[id^='ligne'] input").attr('disabled', true);

---

je voudrais la meme chose pour le champ T_2.

ou s'il existe un moyen de faire : Je voudrais mettre tous les lignes de mon code ou le debut est "<input name=" ou "select name=" avec les attr ou prop readonly ou disabled ???

Je suis navrant, :oops:

Bonjour

C'est le même principe : $( "select[name='T_2']" ).