{"id":932,"date":"2023-12-18T18:24:26","date_gmt":"2023-12-18T12:54:26","guid":{"rendered":"https:\/\/magecurious.com\/blog\/?p=932"},"modified":"2025-01-11T23:15:46","modified_gmt":"2025-01-11T17:45:46","slug":"how-to-add-select-multiselect-option-in-system-xml-configuration-in-magento-2","status":"publish","type":"post","link":"https:\/\/magecurious.com\/blog\/how-to-add-select-multiselect-option-in-system-xml-configuration-in-magento-2\/","title":{"rendered":"How to Add Select\/MultiSelect Option in system.xml Configuration in Magento 2"},"content":{"rendered":"\n

Hello Everyone,<\/p>\n\n\n\n

In this blog, we will learn about how to Add Select and MultiSelect Option in system.xml in Magento 2.<\/p>\n\n\n\n

In our previous blog we already learned how to create a system.xml configuration file.<\/p>\n\n\n\n

Now in this blog we learn the below example.<\/p>\n\n\n\n

    \n
  1. How to Add Select Yes\/No Option.<\/li>\n\n\n\n
  2. How to  Add Enable\/Disable Option.<\/li>\n\n\n\n
  3. How to Add Custom Select Option.<\/li>\n\n\n\n
  4. How to Add Custom MultiSelect Option.<\/li>\n<\/ol>\n\n\n\n

    Without wasting your time, let us guide you straight away. Follow the easy step given below to Add Select\/MultiSelect Option in system.xml Configuration File in Magento 2.<\/p>\n\n\n\n

    STEPS FOR ADD SELECT\/MULTISELECT OPTION IN MAGENTO 2<\/strong><\/p>\n\n\n\n

    Step 1: Create system.xml file<\/strong><\/p>\n\n\n\n

    app\/code\/Vendor\/Extension\/etc\/adminhtml\/system.xml<\/strong><\/p>\n\n\n

    \n&lt;?xml version="1.0"?>\n&lt;config xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Config:etc\/system_file.xsd">\n    &lt;system>\n        &lt;tab id="magecurious" class="magecurious" translate="label" sortOrder="10">\n            &lt;label>Magecurious&lt;\/label>\n        &lt;\/tab>\n        &lt;section id="extension" translate="label" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">\n            &lt;class>separator-top&lt;\/class>\n            &lt;label>Magecurious&lt;\/label>\n            &lt;tab>magecurious&lt;\/tab>\n            &lt;resource>Vendor_Extension::config_extension&lt;\/resource>\n            &lt;group id="general" translate="label" type="text" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">\n                &lt;label>General Configuration&lt;\/label>\n                &lt;field id="enable" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">\n                    &lt;label>Enable Extension&lt;\/label>\n                 &lt;source_model>Magento\\Config\\Model\\Config\\Source\\Enabledisable&lt;\/source_model>\n                &lt;\/field>\n&lt;field id="vendor_yesno" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">\n            &lt;label>Yes\/No&lt;\/label>\n            &lt;source_model>Magento\\Config\\Model\\Config\\Source\\Yesno&lt;\/source_model>\n        &lt;\/field>\n&lt;field id="vendor_select" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">\n            &lt;label>Select&lt;\/label>\n            &lt;source_model>Vendor\\Extension\\Model\\Config\\Options&lt;\/source_model>\n        &lt;\/field>\n        &lt;field id="vendor_multiselect" translate="label" type="multiselect" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">\n            &lt;label>Multi Select&lt;\/label>\n            &lt;source_model>Vendor\\Extension\\Model\\Config\\Options&lt;\/source_model>\n        &lt;\/field>\n            &lt;\/group>\n        &lt;\/section>\n    &lt;\/system>\n&lt;\/config>\n<\/pre><\/div>\n\n\n
    Step 2: Create Options.php file<\/strong><\/p>\n\n\n\n
    app\/code\/Vendor\/Extension\/Model\/Config\/Options.php<\/strong><\/p>\n\n\n
    \n&lt;?php\n\nnamespace Vendor\\Extension\\Model\\Config;\n\nuse Magento\\Framework\\Option\\ArrayInterface;\nuse Magento\\User\\Model\\ResourceModel\\User\\CollectionFactory;\n\nclass Options implements ArrayInterface\n{\n    public function toOptionArray()\n    {\n        $options = [];\n        $options[] = [\n            'value' => '1',\n            'label' => 'First',\n        ];\n        $options[] = [\n            'value' => '2',\n            'label' => 'Second',\n        ];\n         $options[] = [\n            'value' => '3',\n            'label' => 'Third',\n        ];\n        return $options;\n    }\n}\n<\/pre><\/div>\n\n\n
    Step 3: Finally run the below commands<\/strong><\/p>\n\n\n
    \n$ php bin\/magento cache:clean\n$ php bin\/magento cache:flush\n<\/pre><\/div>\n\n\n
    Step 4: Output:<\/strong><\/p>\n\n\n\n
    \"\"\/<\/figure>\n\n\n\n
    <\/div>\n\n\n\n
    Final Thoughts:<\/strong><\/p>\n\n\n\n
    So this was the easiest way which we have told you in this blog. This is how you can Add Select \/ MultiSelect Option in the system.xml configuration file in Magento 2. Hope you liked the blog.<\/p>\n\n\n\n
    So quickly go to the comment box and tell me how you like this blog?<\/p>\n\n\n\n
    Stay tuned with us on our site to get new updates of Magento.<\/strong><\/p>\n\n\n\n
    Thanks for reading and visiting our site.<\/p>\n\n\n
          
              
            How useful was this post?      <\/p>              
            Click on a star to rate it!      <\/p>        
          
                        
    •               <\/i>          <\/li>                  
    •               <\/i>          <\/li>                  
    •               <\/i>          <\/li>                  
    •               <\/i>          <\/li>                  
    •               <\/i>          <\/li>              <\/ul>    <\/div>    
      <\/p>