需求:select下拉框中的数据是从后台接口中获取的,而不是自己写的假数据
步骤:(这里是用jquery及ajax发送请求)
一、页面上导入jquery在线资源
二、代码实列如下(仅供参考)
?
<select name="" id="getCurrenty">
<!-- <option id="optionId" value="">文本</option> -->
</select>
<script>
$.ajax({
url: "", // 请求路径
type: "get", //请求方式
// data: { value: value },//请求参数
//响应成功后的回调函数
success: function (data) {
console.log('option', data);
let optionList = data.data
console.log(data.data);
for (let i = 0; i < optionList.length; i++) {
var option = document.createElement("option");
$(option).val(optionList[i].value);
$(option).text(optionList[i].label);
$('#getCurrenty').append(option);
}
},
//表示如果请求响应出现错误,会执行的回调函数
error: function () {
},
//设置接受到的响应数据的格式
// dataType: "text"
});
</script>
|