Creé botones de radio en el móvil que necesitan activar la opción de selección oculta para que la página se actualice. Tengo este código y cambia el valor de selección al hacer clic en el botón de opción, pero no actualiza la página. Cuando hago clic con el mouse, la página se actualiza con la opción seleccionada, pero no cuando lo hago solo con jQuery. ¿Qué puedo hacer al respecto?
Botones de radio:
<div class="m-box"> <input type="radio" class="sort-radio" name="r" value="featured"> <label>Featured Items</label> <input type="radio" class="sort-radio" name="r" value="newest"> <label>Newest Items</label> <input type="radio" class="sort-radio" name="r" value="bestselling"><label>Best Selling</label> </div>Seleccione:
<select class="form-select form-select--small " name="sort" id="sort" role="listbox"> <option value="featured" selected="">Featured Items</option> <option value="newest">Newest Items</option> <option value="bestselling">Best Selling</option> </select>Código:
$(".sort-radio").change(function () { $("#sort") .val($(this).val()) .trigger('change'); });Intenté activar ('cambiar') y cambiar ()... cambia el valor de la opción de selección, pero ¿cómo puedo "falsificar" un clic del mouse para que se actualice toda la página?
$(".ordenar-radio").cambiar(función() {
$("#sort").val($(this).val()).trigger('click');});