retour d'ajax et sélecteurs pour attribution des éléments
Bonjour,
Voila, j'ai un formulaire :
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 25 26
| <form action= "/run_DHM/" method="POST">
<td class= "driv" width="160" <TT><INPUT type="text"
value="{{prop.val_champ}}" id= "driver" name="propriete" /></TT>
</td>
<td width="120"<TT><select name="temperature" id= "temp"></TT>
<optgroup label="degres">
<option selected="selected" value="0">-- select --</option>
<option value="100">100</option>
<option value="200">200</option>
<option value="300">300</option>
<option value="400">400</option>
<option value="500">500</option>
</optgroup>
</select>
</td>
<td class= "min" width="120" <TT> {{prop.val1}}</TT> </td>
<td class= "max" width="120" <TT> {{prop.val2}}</TT> </td>
<td width="120" <TT> {{ prop.val_unit }} </TT></td>
<td class= "maref" width="160" <TT><INPUT type="text" value= "{{ object }}" id= "reference" name="reference"/></TT></td>
</form> |
Je désire envoyer le paramétrage propriete, temperature, reference avec getjson.
J'ai donc le script :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
| <script>
$(document).ready(function() {
$("#driver").click(function() {
$.getJSON("/run_DHM/", {'temperature': $("#temp").val(), 'propriete': $("#driver").val(), 'reference': $("#reference").val() }, function(data) {
$("td.min").html(data['val_min']);
$("td.max").html(data['val_max']);
});
});
});
</script> |
Le problème est que ça ne marche que si j'ai une seule propriéte.
De plus, ça renvoie les data à tous les champs val_min et val_max des autres propriétés.
Je ne comprends pas trop...