Bootstrap Intelligent Form Combat Series (11) cascading down-pull support _javascript skills

What is Bootstrap?

Bootstrap is a front-end framework for rapid development of Web applications and Web sites. Bootstrap is based on HTML, CSS, and JAVASCRIPT.

History

Bootstrap was developed by Twitter's Mark Otto and Jacob Thornton. Bootstrap is an Open-source product released on GitHub in August 2011.

Contents of Bootstrap Package

Basic structure: Bootstrap provides a basic structure with a grid system, link styles, and backgrounds. This will be explained in detail in the BOOTSTRAP basic structure section.

Css:bootstrap Features: Global CSS settings, definition of basic HTML element styles, extensible class, and an advanced grid system. This will be explained in detail in the Bootstrap CSS section.

Component: Bootstrap contains more than 10 reusable components for creating images, drop-down menus, navigation, warning boxes, pop-up boxes, and more. This is explained in detail in the Layout Components section.

JavaScript plugin: Bootstrap contains more than 10 custom JQuery plug-ins. You can include all of the plug-ins directly, or you can include them individually. This will be explained in detail in the Bootstrap plugin section.

Customization: You can customize Bootstrap components, less variables, and jQuery plug-ins to get your own version.

In the project we can often see like provinces and counties to choose, in fact, there are many ways to implement, the following small series to introduce bootstrap intelligent form of the bootstrap Cascade Drop-down support , specific description as follows:

1. Have the first level of choice to load or from the local object to take the first level of the corresponding data source display to the list, the second level and so on

2. All items are also loaded into the select and then associated to show or hide items unrelated to the previous level

The feeling is still the second kind of simple, so use the second way to achieve, the rest of the nonsense

The code is as follows (page address: https://github.com/xiexingen/Bootstrap-SmartForm/blob/master/demo/form3-ele-cascade.html):

Local Run screenshot:

The above mentioned is small set to introduce the bootstrap intelligent form of the actual Combat series (11) Cascade down the support of all the narrative, I hope to help you, if you have any questions please give me a message, small series will promptly reply to everyone. Here also thank you very much for the cloud Habitat Community website support!