在 SSM 框架下,你可以使用以下步骤在前端页面上增加一个类型选项的按钮并收集用户的选择:
在前端页面中添加一个选择类型的下拉列表,并为其分配一个 id。
使用 JavaScript 语言在用户选择类型时监听下拉列表的 change 事件,并在该事件的回调函数中获取选中的类型值。
使用 Ajax 请求将用户选择的类型值发送到后端。
在后端控制器中添加一个方法,该方法接收前端发送的类型值,并将其保存到数据库中。
以下是一个示例代码,可作为参考:
前端页面:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#typeSelect").change(function(){
var typeValue = $(this).val();
$.ajax({
type: "POST",
url: "saveType",
data: {type: typeValue},
success: function(result){
alert("Type saved successfully.");
}
});
});
});
</script>
</head>
<body>
<select id="typeSelect">
<option value="Type 1">Type 1</option>
<option value="Type 2">Type 2</option>
<option value="Type 3">Type 3</option>
</select>
</body>
</html>