> For the complete documentation index, see [llms.txt](https://wotamann.gitbook.io/vuetify-form-base/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wotamann.gitbook.io/vuetify-form-base/input-and-controls-1/selection.md).

# Select, Combo & Autocomplete

## Select from Items in Schema

Select Data on or more values from an array defined in Schema, it can be an array of numbers, strings or objects declared in `items:[]` property of schema.

## Select

 The **Select Control** allows users to select one or multiple options from a list of items

```javascript
model: {
   single: "Musk",
   multi: [
      "Musk",
      "Taleb"
   ],
   object: {
      "name": "This is C",
      "val": "C"
   }
}
```

```javascript
// Select:
schema: { 
    single: { 
        type:'select', 
        items:['Musk', 'Jobs', 'Taleb', 'Harari'] 
    },
    multi: { 
        type:'select', 
        items:['Musk', 'Jobs', 'Taleb', 'Harari'], 
        multiple:true 
    },
    object: { 
        type: 'select', 
        returnObject:true, 
        itemText:'name', 
        items: [
            { name:'This is A', val:'A'}, 
            { name:'This is B', val:'B'}, 
            { name:'This is C', val:'C'}]
        ]
    },
}
```

### [Info to Select](https://vuetifyjs.com/en/components/selects/#props)

## Combobox

 The **ComboBox Control** is used to display a drop-down list of various items. It is a combination of a text box in which the user enters an item and a drop-down list from which the user selects an item.

```javascript
// Combobox:
schema: { 
    combobox: { 
        type:'combobox', 
        items:['Musk', 'Jobs', 'Taleb', 'Harari'] 
    }, 
    ... 
}
```

### [Info to Combobox](https://vuetifyjs.com/en/components/combobox/#props)

## Autocomplete

 An **Autocomplete Control** shows suggestions that match what the user types as they type. Users can select a suggestion to complete their entry quickly

```javascript
// Autocomplete:
schema: { 
    autocomplete: { 
        type:'autocomplete', 
        items:['Musk', 'Jobs', 'Taleb', 'Harari'] 
    }, 
    ... 
}
```

### [Info to Autocomplete](https://vuetifyjs.com/en/components/autocompletes/#props)

## [Example](https://wotamann.github.io/selection)