您可以使用jQuery的ajax方法来发送请求,并通过更改下拉列表的选项来实现不同的值。以下是一个示例代码:
HTML代码:
JavaScript代码:
$(document).ready(function() {
$('#submitBtn').click(function() {
var selectedValue = $('#mySelect').val();
$.ajax({
url: 'your_url_here', // 替换为您的请求URL
method: 'POST', // 更改为适合您的请求方法
data: { value: selectedValue }, // 发送选中的值作为请求的数据
success: function(response) {
// 根据返回的响应更新下拉列表的选项
$('#mySelect').empty(); // 清空下拉列表的选项
// 根据响应的结果添加新的选项
$.each(response.options, function(index, option) {
$('#mySelect').append('');
});
},
error: function() {
// 处理错误情况
}
});
});
});
在上面的代码中,当用户点击按钮时,通过$('#mySelect').val()
获取当前选中的值,并将其作为请求的数据发送给服务器。成功响应后,根据返回的结果更新下拉列表的选项。请确保将your_url_here
替换为您实际的请求URL,并根据您的需求进行其他修改。