template:
<select v-model="selected" >
<option v-for="option in options" v-bind:value="option.value">
{{ option.text }}
</option>
</select>
<span>Selected: {{ selected }}</span>
script:
data: {
selected: 'A',//select选中的值
options: [
{ text: 'One', value: 'A' },
{ text: 'Two', value: 'B' },
{ text: 'Three', value: 'C' }
]
}
选择就可以考到获取成功
template: script: 选择就可以考到获取成功
获得select选中的option的值： 获得select选中的option的文本：
select 元素可创建单选或多选菜单，能够占据很小的区域，却包含很多的内容，在政府网站中使用率很高，今天就简单谈...
multiple select元素支持选中多个option，如何获取选中的多个值 如果select的name属性写...
user-select属性用来控制样式的可选性。 用法： 值： auto：默认值，用户可以选中元素中的内容 n...
一：JavaScript原生的方法 1:拿到select对象： var myselect=document.get...
select 初始化需要注意 vue 获取select 选中的值
如何定义 select 默认不选中任何值 默认情况下 select 标签会选中第一个值作为默认值，当然我们也可以...
jquery获取select选择的文本与值获取select ： 获取select 选中的 text : 获取sel...
本文标题：2019-07-25vue中获得select中选中的值
本文链接：https://www.haomeiwen.com/subject/sbphrctx.html
网友评论