Magento – Magento 2: “Empty option” for programmatically populated select attribute

magento-2.1product-attributeselect

I have a product attribute dropdown select box that I populate via a source model.

The population works fine, but I want the first option in the list to be "Select one…". I've used the following code:

$options[] = array(
  'label' => 'Select one...',
  'value' => '',
);

But the result is as follows:

With the rendered HTML:

<select>
  <option value="">Select one...</option>
  <option data-title="Select one..." value="">Select one...</option>

What am I doing wrong?

Best Answer

@awarche's answer works:

You'll need to add a caption to your UI component field config:

<item name="caption" xsi:type="string" translate="true">Select one...</item>

I don't think an empty "Please select..." value belongs in a source model.

Related Solutions

Magento 2.1 – Trigger Event After ‘super-attribute-select’ is Populated

Thanks to @nshiff for their help. Here is my less than satisfactory but working solution:

document.getElementsByClassName("super-attribute-select").arrive("option", function() {
    $('select.super-attribute-select option:nth-of-type(2)').prop('selected', 'selected');
    window.setTimeout(function() {
        $('select.super-attribute-select').change();
    }, 250);
});

For some reason (I think something to do with require.js) arrive.js isn't registering itself with jQuery, so I'm having to use a good old getElementsByClassName. There's a timeout in there because if I triggered the change() too early it wasn't being picked up.

Magento – How to add Please Select option in programmatically created select attribute for products

I have also got the same issue and found that there this thing is going wrong. So as an alternative you can replace your options with this:

$options = [
    ['value' => ' ', 'label' => 'Please Select'],
    ['value' => 'Local', 'label' => __('Local')],
    ['value' => 'International', 'label' => __('International')],

];

In this way only one option will show.

Best Answer

Related Solutions

Magento 2.1 – Trigger Event After ‘super-attribute-select’ is Populated

Magento – How to add Please Select option in programmatically created select attribute for products

Related Topic