在核心MVC ASP.NET上使用Ajax jQuery更改DropDownList的值,可以通过以下步骤实现:
下面是一个示例代码:
在视图页面(View)中的HTML代码:
<select id="dropdownlist">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<div id="result"></div>
在视图页面中的JavaScript代码:
$(document).ready(function () {
$('#dropdownlist').change(function () {
var selectedValue = $(this).val();
$.ajax({
url: '/Controller/Action',
type: 'POST',
data: { newValue: selectedValue },
success: function (result) {
$('#result').text(result);
}
});
});
});
在控制器(Controller)中的C#代码:
public class HomeController : Controller
{
[HttpPost]
public IActionResult Action(string newValue)
{
// 根据新值更新相关数据
string result = "更新后的结果:" + newValue;
return Json(result);
}
}
在上述示例中,当DropDownList的值发生变化时,会向控制器的Action方法发送Ajax请求,并将新值作为参数传递。控制器根据新值更新相关数据,并将更新后的结果返回给视图页面。视图页面的Ajax请求成功的回调函数中,将返回的结果更新到显示区域。
推荐的腾讯云相关产品和产品介绍链接地址:
请注意,以上链接仅供参考,具体产品选择应根据实际需求和情况进行评估和决策。
领取专属 10元无门槛券
手把手带您无忧上云