jQuery dynamically generates select option drop-down list implementation code

There are many ways to implement the select option drop-down list. This article mainly introduces the implementation method of jQuery dynamically generating the select option drop-down list. Friends who need it can refer to it. I hope it can help everyone.

But there is no implementation of dynamically generating the select option drop-down list.

It is very convenient to create jQuery objects in the jQuery environment to achieve dynamic generation.

Prepare some data in the database:

Stored procedure:

Develop ASP.NET MVC, to implement the program, requires model:

Now create an entity Entity, which is to communicate with the database:

Next, you can create a method to get the data set and let the front-end jQuery execute the method:

ok, everything is ready.

Create a select object:

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

You can create an empty option:

$("

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

The data read from the database can now dynamically generate option:

If you need to bind a selection value when displaying, then How to achieve it? It's very simple. When $.each, judge:

The "3" above is a variable, which is the value you need to bind. The following is a demonstration of the effect:

Related recommendations:

HTML select option detailed description

Detailed explanation of how to make default selection in Html Select option

JS & JQuery dynamically add select option

The above is the detailed content of jQuery dynamically generates select option drop-down list implementation code. For more information, please follow other related articles on the PHP Chinese website!

mvc asp.net jquery html select .net class JS 对象 数据库

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：jQuery simply implements picture waterfall flowNext article：jQuery simply implements picture waterfall flow

Related articles

See more

• An in-depth analysis of the Bootstrap list group component
• Detailed explanation of JavaScript function currying
• Complete example of JS password generation and strength detection (with demo source code download)
• Angularjs integrates WeChat UI (weui)
• How to quickly switch between Traditional Chinese and Simplified Chinese with JavaScript and the trick for websites to support switching between Simplified and Traditional Chinese_javascript skills

Public welfare online PHP training，Help PHP learners grow quickly！

About usDisclaimerSitemap

© php.cn All rights reserved