Podrían echarme una mano en lo siguiente, estoy trabajando con ASP.NET MVC, para capturar el texto del combo seleccionado y ponerlo al modelo utilizo un hidden
, tengo algo como esto:
$(function () {
$("#datosCombo").change(function () {
var selTypeText = $("#datosCombo option:selected").text();
$("#DatosComboDescripcion").val(selTypeText);
});
});
<select class="form-control" data-val="true" data-val-number="El campo debe ser un número." data-val-required="El campo es obligatorio." id="datosCombo" name="datosCombo">
<option value="5">100000211639</option>
<option value="6">200000211639</option>
<option value="7">300000211639</option>
<option value="8">400000211639</option>
</select>
<input id="datosComboDescripcion" name="datosComboDescripcion" type="hidden" value="100000211639">
Todo funciona correctamente, cada que selecciono un elemento del combo mi variable hidden actualiza su valor (es el objetivo).
El problema es el siguiente: Si tengo 10 combos tendría que tener 10 Scripts y eso no me parece muy mantenible.
Lo que quiero llegar a hacer es: Tener un Script genérico que detecte el evento de cualquier combo y lo asigne a una variable, así si es que tengo 10 combos, todos estos combos agarren automáticamente esta función cuando se dispare su evento y asignen al hidden su text.
Nota. Si es que sirve de algo el hidden
siempre tendrá el nombre del combo mas descripción: "NombreCombo" + "Descripcion"
.each()
). Y si solo te interesa que solo se actualize el actual, puedes usarthis
para que solo afecte al combo al que ocurrido el evento change con un if