---
title: "Select Field in Sencha Touch"  
description: "In this article, I’m explaining the select field in sencha touch."  
author: "Sumit Kesarwani"  
published: 2013-06-20  
updated: 2019-09-07  
canonical: https://www.mindstick.com/articles/1344/select-field-in-sencha-touch  
category: "sencha touch"  
tags: ["sencha touch"]  
reading_time: 4 minutes  

---

# Select Field in Sencha Touch

In this [article](https://yourviews.mindstick.com/view/81489/kashmir-now-after-an-year-of-abrogation-of-article-370), I’m explaining the [select](https://www.mindstick.com/forum/34066/use-select-operator-in-linq) [field](https://answers.mindstick.com/qa/38534/name-the-multinational-field-training-exercise-ftx-involving-asean-plus-countries-which-commenced-at-pune-on-02-03-2016-displaying-true-jointmanship-and-team-spirit) in [sencha touch](https://www.mindstick.com/blog/619/changing-sencha-touch-app-theme).\

##### Example

Drag-n-[drop](https://yourviews.mindstick.com/view/84030/how-to-investigate-a-sudden-drop-in-organic-traffic) the [form](https://yourviews.mindstick.com/view/87344/explained-the-benefits-of-short-form-videos) [panel](https://www.mindstick.com/blog/11988/restructuring-corporate-offenses-government-appointed-panel-suggests-in-house-adjudication-system) and toolbar

```
Ext.define('MyApp.view.MyFormPanel', {
    extend: 'Ext.form.Panel',
 
    config: {
        items: [
            {
                xtype: 'toolbar',
                docked: 'top',
                title: 'Select Field',
                items: [
                    {
                        xtype: 'button',
                        id: 'GetSelectedValue',
                        itemId: 'mybutton',
                        text: 'Get Selected Value'
                    }
                ]
            },
            {
                xtype: 'fieldset',
                height: 100,
                instructions: 'Please select a product ',
                title: '',
                items: [
                    {
                        xtype: 'selectfield',
                        height: 41,
                        id: 'ProductList',
                        label: 'Product :',
                        options: [
                            {
                                text: 'MindStick Data Converter',
                                value: 'MindStick Data Converter'
                            },
                            {
                                text: 'MindStick Survey Manager',
                                value: 'MindStick Survey Manager'
                            },
                            {
                                text: 'MindStick Cleaner',
                                value: 'MindStick Cleaner'
                            }
                        ]
                    }
                ]
            }
        ],
        listeners: [
            {
                fn: 'onGetSelectedValueTap',
                event: 'tap',
                delegate: '#GetSelectedValue'
            }
        ]
    },
 
    onGetSelectedValueTap: function(button, e, eOpts) {
        Ext.Msg.alert('Selected Product', Ext.getCmp('ProductList').getValue());
    }
});
```

[Output](https://www.mindstick.com/interview/34427/explain-the-output-in-angular)

![Select Field in Sencha Touch](https://www.mindstick.com/mindstickarticle/f272dffa-df2a-4c24-9349-48210cf1cb55/images/4914655b-2725-4c22-b804-67426b479071.png)

![Select Field in Sencha Touch](https://www.mindstick.com/mindstickarticle/f272dffa-df2a-4c24-9349-48210cf1cb55/images/aa1c1168-2840-4789-acce-2cac10f213bb.png)

![Select Field in Sencha Touch](https://www.mindstick.com/mindstickarticle/f272dffa-df2a-4c24-9349-48210cf1cb55/images/166d5684-2683-4766-be1c-1b40aea92757.png)

---

Original Source: https://www.mindstick.com/articles/1344/select-field-in-sencha-touch

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.