Tengo este problema y espero me puedan ayudar. Tengo un select input dentro de un foreach en Laravel. La cosa es que en el input visible está la informacion para mostrar al usuario (nombre) y el ID para recuperarlo en el controlador e hice otro pero de tipo hidden para recuperar el precio del producto seleccionado (pagina de inventario). Tengo ya un codigo pero no me saca lo que necesito.
SCRIPT
$(document).ready(function(){
$(document).on('change', '#tamano', function(event) {
var x = $("[name='precio']").val(); //ESTE es el que necesito recuperar (input hidden)
var s = $(this).find('select option:selected').val(); //aqui recibo el input visible
alert(s);
});
});
Quiero hacer algo como asi pero no logro encontrar como se hace:
var x = $("[name='precio': selected]").val();
FORMULARIO
<select class="browser-default custom-select" name="tamano" id="tamano">
<option value="">Seleccione</option>
@foreach ($tamanos as $tamano)
<option value="{{ $tamano->id }}">{{ $tamano->nombre }}</option>
<option value="{{ $tamano->precio }}" name="precio" id="precio" hidden>{{ $tamano->precio }}</option> //este valor necesito recuperar
@endforeach
<input id="precioPan" type="hidden" >
</select>