php的select动态,jQuery动态产生select option下拉列表

本文介绍了如何在jQuery环境下动态创建selectoption下拉列表。通过创建jQuery对象,结合数据库数据,实现下拉列表的动态生成。文章还展示了如何在显示时绑定特定值,并给出了代码示例和效果演示,帮助读者理解和应用。
摘要由CSDN通过智能技术生成

但其中没有实现动态产生select option下拉列表。

在jQuery环境之下使用创建jQuery对象来实现动态产生,那是很方便的事情。

在数据库中准备一些数据:

c47b5f06ef831f80985f2d4942b45872.png

存储过程:

a975a12a2d92ebf252f736ef38ea445c.png

开发ASP.NET MVC,实现程序,少不了model:

aca2c00ba88e7d3b11d74cfbb14758a5.png

现创建一个实体Entity,即是与数据库通讯:

9a78a665e2cd11ef9e93adc60f9de57f.png

接下来,你可以创建获取数据集的方法,让前端jQuery执行的方法:

8b665b4b1a8fbdac85421f8149b078a0.png

ok,一切准备就绪。

创建一个select对象:

$selectCity = $('').attr({ name: 'city', class: 'selectcity' });

你可以创建一个空的option:

$("", { value: "", text: "" }).appendTo($selectCity);

从数据库读出来的数据,现可以动态产生option:

acd105212956d23e428a27bf43c1f588.png

如果你需要在显示时,绑定一个选择值,那怎样实现呢?很简单的,在$.each时,判断一下:

1b11bc1496a93247dc5a48310a6dd8b5.png

上面的“3”是一个变量,即是你需要绑定的值。下面是效果演示:

e617fc69a42cc860c40e7f1315b03387.gif

以上所述是小编给大家介绍的jQuery动态产生select option下拉列表,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值