[英]jQuery changes select value but doesn't trigger page refresh
我在手机上创建了单选按钮,需要触发隐藏的 select 选项才能刷新页面。 我有这段代码,它确实在单击单选按钮时更改了 select 值,但它不会刷新页面。 当我用鼠标单击它时,页面会刷新并显示所选选项,但当我仅使用 jQuery 时则不会。我该怎么办?
单选按钮:
<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>
Select:
<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>
代码:
$(".sort-radio").change(function () {
$("#sort")
.val($(this).val())
.trigger('change');
});
我尝试了 trigger('change') 和 change()...它确实更改了 select 选项值,但我如何才能“假装”鼠标单击以使整个页面刷新?
$(".sort-radio").change(函数() {
$("#sort").val($(this).val()).trigger('click');
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.