KnockOut下拉菜单赋值取值

本文介绍了在IE兼容项目中,如何利用KnockOut框架进行下拉菜单的数据绑定。通过示例代码展示了如何从接口获取数据并赋值给`options`,设置`optionsText`和`optionsValue`属性,以及如何获取选定项的`value`。在ViewModel中定义`TiXi`和`TiXiSelected` observables,通过Ajax请求更新数据,并使用`ko.applyBindings`激活绑定。要获取选中条目的Value,可以调用`viewModel.TiXiSelected()`。
摘要由CSDN通过智能技术生成

最近在做IE系列兼容的项目,为了开发起来更方便(本人已厌倦了拼接字符串)所以选了一款比较老的mvvm的框架KnockOut,虽然比较老但是五脏俱全

//首先说一下Select实现获取接口返回数据赋值给Option,然后选择条目获取对应Value。

<div id="viewModelBox"> 

<select data-bind="options:TiXi,optionsText:'baseName',optionsValue:'baseParentid',value:TiXiSelected" class="selectOption block">

</div>

var viewModel = {
    TiXi: ko.observableArray(),
    TiXiSelected:ko.observable(),    
};

//Ajax获取接口数据然后赋值给viewModel.TiXi对象
    DictionariesList: function (url, refer) {
        $.ajax({
            async: true,
            type: "get",
            url: url,
            dataType: "json",
            success: function (result) {
                if (result) {
                    result:viewModel.TiXi
                }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值