js给select下拉框绑定值 代码如下 ： 值获取到了但是绑定不到下拉框里面

JavaScript010

js给select下拉框绑定值 代码如下 ： 值获取到了但是绑定不到下拉框里面,第1张

你的错误是大家经常会容易忽略的。cl_type你指向的是select的值，而不是它本身的控件，所以你在后面只是改变了这个值，而没有把其赋给该控件。

正确做法：

var cl_type= document.getElementById("cl_type")

cl_type.value=str//这样才是给控件赋值

cl_type.options[id].selected=true

html:

<span>{{selectPreMenu}} </span>

<select v-model="selectPreMenu" @change="chooseSelect(selectPreMenu)">

<option disabled value="">--=请选择=--</option>

<option v-for="option in options" :value="option.MENU_ID">

{{ option.MENU_NAME }}

</select>

js:

var vm= new Vue({

el: '#addModal',

data :{

selectPreMenu: '',

options: [],//这里的值可以由后台传过来初始化

},

methods:{

selectPreMenu:function(selectPreMenu){

console.log(selectPreMenu+':'+selectPreMenu)

this.selectPreMenu = selectPreMenu

}

}

})

是angularjs版本的问题，采用1.3.6版本。

AngularJS诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

AngularJS 是一个 JavaScript框架。它是一个以 JavaScript 编写的库。它可通过 <script>标签添加到HTML 页面。

AngularJS 通过 指令 扩展了 HTML，且通过 表达式 绑定数据到 HTML。

AngularJS 是以一个 JavaScript 文件形式发布的，可通过 script 标签添加到网页中。