ajax 动态添加 option 选择框
1、页面
<div class="form-group">
<div class="col-sm-2 control-label"><label style="color:red;"> *</label>学校选择</div>
<div class="col-sm-7">
<select class="form-control" id="schooloption" v-model="dataInfo.schoolId">
</select>
</div>
</div>
2、js
<script type="text/javascript">
function schooloptionFun(){
$.ajax({
data:null,
type:"POST",
dataType:'json',
async:true,//同步
url:"/school/primaryList",
success:function(data){
if(data.rows==null){
alert("数据为空!!!");
}else{
for (let i in data.rows) {
let jsonObj =data.rows;
let optionstring = "";
for (var j = 0; j < jsonObj.length; j++) {
optionstring += "<option value=\"" + jsonObj[j].schoolId + "\">" + jsonObj[j].schoolName + "</option>";
$("#schooloption").html("<option value='请选择' >请选择</option>"+ optionstring);
}
}
}
}
});
}
window.onload=schooloptionFun; //页面加载完自动加载
</script>