首页 > 代码库 > vue.js用select实现省，市，提交后，默认显示省，市信息
vue.js用select实现省，市，提交后，默认显示省，市信息
<select v-model="citys" name="cityVal" @change="schoolName(citys)">
<option v-for="(item,index) in city" :value="http://www.mamicode.com/item.val" v-text="item.name" ></option>
</select>
<select v-model="schools" name="schoolVal">
<option v-for="(item,index) in school" :value="http://www.mamicode.com/item.val" v-text="item.name" ></option>
</select>
<script>
var vue = new Vue({
el: ‘#body‘,
data: function() {
return {
city: [{
val: ‘0‘,
name: ‘城市‘
}],
citys: 0,
school: [{
val: ‘0‘,
name: ‘高校‘
}],
schools: 0,
schoolAjax:‘‘
}
},
methods: {
cityName: function() {
var this_obj = this;
$.ajax({
type: "post",
url: $app+"/Clan/city",
dataType: "json",
success: function(res) {
if(res.status) {
$.each(res.info,function(k, v) {
this_obj.city.push({
name:v.ar_name,
val:v.ar_id,
})
})
} else {
}
},
error: function() {
$.alert({
msg: ‘传输错误1‘
})
}
});
},
schoolName: function(citys) {
var this_obj = this;
var data =http://www.mamicode.com/ { ar_id:citys};
$.ajax({
type: "post",
data:data,
url: $app+"/Clan/school",
dataType: "json",
success: function(res) {
this_obj.school=[{ val: ‘0‘,name: ‘高校‘}]
if(res.status) {
$.each(res.info,function(k, v) {
this_obj.school.push({
val:v.sc_id,
name:v.sc_name
})
});
this_obj.schools=this_obj.schoolAjax;
} else {
},
error: function() {
$.alert({
msg: ‘传输错误7‘
})
}
});
},
defules:function(){
var this_obj = this;
$.ajax({
type: "post",
url: $app+"/Call/team_user",
dataType: "json",
success: function(res) {
console.log(res.info);
if(res.status) {
this_obj.schoolName(res.info.us_arid);
this_obj.schoolAjax=res.info.us_scid;
} else {
}
},
error: function() {
$.alert({
msg: ‘传输错误5‘
})
}
});
}
}
})
vue.cityName();
vue.defules();
vue.js用select实现省，市，提交后，默认显示省，市信息
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。