下拉框数据绑定

开发工具与关键技术: C# JQuery
作者:咕哒咕哒giao
撰写时间:2019年4月15日

一个没有数据的下拉框是莫得灵魂的下拉框,接下来就由我来做一个简单的下拉框绑定演示。
首先,这个数据绑定是牵扯到C#,JQuery,HTML5的,所以可以划分为三个步骤:
(一):先用HTML5编辑好下拉框

下拉框是一个select标签,里面的选项是option,

<div> 
        <select id="sele">
        <option value="0">------快选我-----</option>
        </select>
    </div>  

在这里插入图片描述
第一步就这轻松完成。
(二):用C#在控制器中编辑方法进行数据查询
在这里插入图片描述
这个是一个简单的单表查询,如何不会可以回去看下我之前写的,有很详细的说明了如何去写单表查询。

(三):用JQuery写请求获取查询好的数据进行下拉框的绑定

在这里插入图片描述
在这里插入图片描述
Each是属于JQuery里的for循环吧,append:添加,数据就是这样一条一条添加上去的,一个下拉框的数据绑定就这样完成啦。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值