当用户在 Rails 的下拉列表中选择特定值时,如何刷新网页?
为了实现这个功能,您可以使用 JavaScript 和 Rails 的 AJAX 功能。以下是一个简单的示例,展示了如何在用户选择特定值时刷新网页:
<option value="">请选择</option>
<option value="option1">选项1</option>
<option value="option2">选项2</option>
<option value="option3">选项3</option>
</select><script>
function refreshPage() {
var selectedValue = document.getElementById("dropdown").value;
if (selectedValue === "option1") {
location.reload();
}
}
</script>
<option value="">请选择</option>
<option value="option1">选项1</option>
<option value="option2">选项2</option>
<option value="option3">选项3</option>
</select><script src="https://code.jquery.com/jquery-3.6.0.min.js"></script><script>
$("#dropdown").on("change", function() {
var selectedValue = $(this).val();
$.ajax({
url: "/refresh_page",
method: "POST",
data: { value: selectedValue },
success: function() {
location.reload();
}
});
});
</script>
以上就是在 Rails 中实现当用户在下拉列表中选择特定值时刷新网页的方法。希望这对您有所帮助!
领取专属 10元无门槛券
手把手带您无忧上云