select标签默认值设置(select标签默认选择)

2019-03-13 element-ui select下拉框默认值的问题(赋值出来是id而不是汉字)

关于element select框默认值赋值不成功问题，注意两点：

1、v-model里面的数据和遍历出来value值数据类型不一样。（例：item.provinces类型是number，province类型是String。类型不一样导致赋值不成功）

2、遍历数据和赋值的先后顺序，必须保证数据先遍历后赋值。

注意注意注意：要为select设定默认值，只要把v-model绑定的值和你想要选中option的value值设置一样即可。

:key="0"

label="请选择"

:value="0">

v-for="item in optionsPid"

:key="item.regionId"

:label="item.regionName"

:value="item.regionId">

:key="0"

label="请选择"

:value="0">

v-for="item in optionsCid"

:key="item.regionId"

:label="item.regionName"

:value="item.regionId">

:key="0"

label="请选择"

:value="0">

v-for="item in optionsPid"

:key="item.regionId"

select标签默认值设置(select标签默认选择)

:label="item.regionName"

:value="item.regionId">

:key="0"

label="请选择"

:value="0">

v-for="item in optionsCid"

:key="item.regionId"

:label="item.regionName"

:value="item.regionId">

:key="0"

label="请选择"

:value="0">

v-for="item in optionsPid"

:key="item.regionId"

:label="item.regionName"

:value="item.regionId">

:key="0"

label="请选择"

:value="0">

v-for="item in optionsCid"

:key="item.regionId"

:label="item.regionName"

:value="item.regionId">

重要的事情说三遍data定义必须与后台一致的数据类型，比如后台返回来的是数字，就必须定义数字类型的

pid:0,//必须制定Number（与后台返回来的数据类型一致）

cid:0,//必须制定Number（与后台返回来的数据类型一致）

aid:0,//必须制定Number（与后台返回来的数据类型一致）

赋值的时候也必须是数字类型的

VillageInfo(id){

if(id){

api.getVillageInfo(id).then(res => {

if(res.status==200){

this.getCid(res.data.pid)

this.getAid(res.data.cid)

this.pName=res.data.pName;

this.cName=res.data.cName;

this.aName=res.data.aName;

this.pid=res.data.pid;

this.editForm={

//省市区

pid:Number(res.data.pid),

cid:Number(res.data.cid),

aid:Number(res.data.aid),

villageId:res.data.villageId,

villageName:res.data.villageName,

villageCoding:res.data.villageCoding,

useArea:res.data.useArea,

buildingNo:res.data.buildingNo==0?"":res.data.buildingNo,

buildingArea:res.data.buildingArea,

notArea:res.data.notArea,

lockingArea:res.data.lockingArea,

menuId:res.data.menuId,

status:res.data.status,

isBenefit:res.data.isBenefit,

//付款场景

// fromType:this.$refs.formTypeChild.tempValue,

address:res.data.address,

};

}

})

}

如何用jquery给select设置默认值

Demo

select标签默认值设置(select标签默认选择)

通过标签设置默认选中：

通过Jquery默认选中：

一

二

三

$(function(){

$("#box2").val(2);

})

html下拉框怎么设置默认值

1、设置selected属性就可以，具体的用法，首先打开hbuilder软件，新建一个html文档，里面写入一个select下拉框：

2、然后给select中一个option设置selected属性，设置一些简单的样式，再给body设置一个背景色即可：

3、最后打开浏览器，既可以看到select中下拉框的默认值是上海了：