以下是一个示例代码,演示了如何使用Ajax成功后设置选中的值:
HTML代码:
JavaScript代码:
// 获取select元素
var selectElement = document.getElementById("mySelect");
// 使用Ajax请求数据
var xhr = new XMLHttpRequest();
xhr.open("GET", "ajax_url", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 解析返回的数据
var data = JSON.parse(xhr.responseText);
// 设置选中的值
selectElement.value = data.selectedValue;
}
};
xhr.send();
在这个示例中,首先通过document.getElementById
方法获取到select
元素,并将其赋值给变量selectElement
。然后,使用XMLHttpRequest
对象发送Ajax请求,并在请求成功后的回调函数中,解析返回的数据,并将选中的值设置为data.selectedValue
。这样就实现了根据Ajax返回的数据设置select
的选中值。