Granite select option isn't working as expected

Hi Josh,

I believe the functionality you want to achieve is not possible with just field values, you have to write the js validation code for this.

For this modify your select node structure as :

<type

    jcr:primaryType="nt:unstructured"

    sling:resourceType="granite/ui/components/foundation/form/select"

    fieldLabel="Type"

    name="./type"

  required="{Boolean}true">

    <items jcr:primaryType="nt:unstructured">

        <select

            jcr:primaryType="nt:unstructured"

            key="Select"

            disabled="{Boolean}true"

            text="Select"

            value=""/>

        <detail

            jcr:primaryType="nt:unstructured"

            key="test"

            text="Test"

            value="test"/>

        <landing

            jcr:primaryType="nt:unstructured"

            key="test2"

            text="Test"

            value="test2"/>

    </items>

</type>

Create a clientlibray with category as "cq.authoring.dialog" and write the following js code for validation on form submission:

(function (document, $, ns) {

  $(document).on("click", ".cq-dialog-submit", function (e) {

       e.stopPropagation();

       e.preventDefault(); // stop default form submission

      var $myform = $(this).closest("form.foundation-form");

      var type = $myform.find("[name='./type']").val();    // the name of the select field given in node structure , in your case it is './type'

     if(!type){

          ns.ui.helpers.prompt({

               title: Granite.I18n.get("Error"),

               message: "Please Select Type",

               actions: [{

                    text: "CANCEL",

                    className: "coral-Button"

               }]

       });

     }

     else{

       $myform.submit();

     }

  });

})(document, Granite.$, Granite.author);

This way, you will be able to achieve your required functionality.

Hope this helps!

Nupur