How can I do: required="false" in grails g:select?

Question

required="false" does not work in "g:select" tag

Example:

<g:select from="${}" name="select" required="false" />

and

<g:select from="${}" name="select" required="true" />

produces a html tag required (in html5)

How can I make the "g:select" produces the required or not, dynamically?

Jay · Accepted Answer · 2017-01-18T04:32:15.233

0

Just remove required, for eg:

<g:select id="select" from="${}" name="select"/>

You can use jquery to change the g:select to be required or not required. For example, lets say you have another

<g:select id="yesNo" from="[yes, no]">

In the gsp, use javascript:

$( "#yesNo" ).change(function() {
  if($(this)[0].value == "yes") {
     $( "#select" ).attr('required', 'required')
  }
  else {
     $( "#select" ).removeProp( "required" )
  }
});

Another approach is if you pass a variable required to gsp, you can use <g:if>:

In controller:

[required: "true"] //If dont want required, simply don't return required at all

In gsp:

<g:if test="${required}">
   <g:select from="${}" name="select" required/>
</g:if>
<g:else>
   <g:select from="${}" name="select"/>
</g:else>

edited Jan 18 '17 at 04:32

answered Jan 18 '17 at 02:16

Jay

161
1
18

This is not dynamic – Victor Soares Jan 18 '17 at 04:11
How do you want to trigger it to be required or not? What I can think of is using jquery, check my edited answer – Jay Jan 18 '17 at 04:26
Yes, I have to use the "g:if" solution, repeating the "g:select" twice. There seems to be no better solution for now. – Victor Soares Jan 18 '17 at 04:52
why not use javacript? if ${required}, then $( "#select" ).attr('required', 'required') – Jay Jan 18 '17 at 05:40

score 0 · Answer 2 · edited May 19 '18 at 05:14

0

<g:select from="${}" name="select" required="${false/true}" />

should work !

edited May 19 '18 at 05:14

Karlo Kokkak

3,674
4
18
33

answered May 18 '18 at 21:46

Bourdier Jonathan

600
4
8

How can I do: required="false" in grails g:select?

2 Answers2