• FRAMEWORK

Select

If you want to allow the user to choose from more than one option, select the lists. The following example includes a selection list.


// Select2 AJAX
    $("#foSelectAjax").select2(
        {
            language: {
                searching: function () {
                    return "Searching...";
                }
            },
            ajax: {
                url: 'https://api.github.com/search/repositories',
                dataType: 'json',
                type: "GET",
                delay: 250,
                data: function (params) {
                    return {
                        q: params.term
                    };
                },
                processResults: function (data) {
                    var res = data.items.map(function (item) {
                        return { id: item.id, text: item.name };
                    });
                    return {
                        results: res
                    };
                }
            },

        });

More information; https://select2.org/

Multi Select

If you want to allow the user to choose from more than one option, select the lists. The following example includes a selection list.

$('.fo-select-multiple').select2()

More information; https://select2.org/

Select Base

If you want to allow the user to choose from more than one option, select the lists. The following example includes a selection list.

JS not used

More information or questions: framework@ford.com.tr

Select with Checkbox

If you want to allow the user to choose from more than one option, select the lists. The following example includes a selection list.

$('.fo-select-multiple').multiselect();

More information or questions: http://davidstutz.github.io/bootstrap-multiselect/#methods

Select Add-Subtract

See the following code block for sample use.

Available Options
Selected Options
JS not used

More information or questions: framework@ford.com.tr

Select Data List

If you want to allow the user to choose from more than one option, select the lists. The following example includes a selection list.

JS not used

More information or questions: framework@ford.com.tr

Select Filled

If you want to allow the user to choose from more than one option, select the lists. The following example includes a selection list.

$('.fo-select').select2()

More information; https://select2.org/

Column 01 Column 02 Column 03 Column 04
Head 1
Head 2