如何使用 Ajax 刷新 jsp 页面并遍历数据填充下拉框?
原问题中提到了在用户选择下拉框选项后通过 ajax 请求获取数据并将其填充到另一个下拉框中的问题,具体操作方法如下:
在 ajax 请求成功获取数据后,使用 javascript 操作 dom 对象,具体代码如下:
for(var i = 0; i < data.length; i++) { var option = document.createElement('option'); // 设置选项的文本和值 option.text = data[i].text; option.value = data[i].value; // 将选项添加到目标下拉框中 document.getElementById('targetDropdown').appendChild(option); }
其中:
- data 是从 ajax 请求获取的数据,是一个包含选项文本和值的对象数组
- targetdropdown 是目标下拉框的 id
- 循环中,创建选项并设置其文本和值,然后将选项添加到目标下拉框中