title: Dropdown list in grails
body: <p>In my program, which is a project tracker, I have a table with rows corresponding to the projects, and columns corresponding to the different information about the project (name, due date, status etc.). The last column should be 'More' column, that should display a dropdown list of additional attributes of the project whenever you press it. How do I do that in Grails? 
    Below is my list.gsp: </p>
  
  <pre><code>&lt;calendar:resources lang="en"/&gt;
  
  &lt;!doctype html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta name="layout" content="layoutMain"/&gt;
          &lt;g:set var="entityName" value="${message(code: 'project.label', default: 'Project')}" /&gt;
          &lt;title&gt;&lt;g:message code="default.list.label" args="[entityName]" /&gt;&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div class="nav" role="navigation"&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;g:link class="create" action="create"&gt;&lt;button&gt;New Project&lt;/button&gt;&lt;/g:link&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
          &lt;div id="list-project" class="content scaffold-list" role="main"&gt;
              &lt;h1&gt;&lt;g:message code="default.list.label" args="[entityName]" /&gt;&lt;/h1&gt;
              &lt;g:if test="${flash.message}"&gt;
              &lt;div class="message" role="status"&gt;${flash.message}&lt;/div&gt;
              &lt;/g:if&gt;
              &lt;table&gt;
                  &lt;thead&gt;
                      &lt;tr&gt;
  
                          &lt;g:sortableColumn property="name" title="${message(code: 'project.name.label', default: 'Name')}" /&gt;
  
                          &lt;g:sortableColumn property="dueDate" title="${message(code: 'project.dueDate.label', default: 'Due Date')}" /&gt;
  
                          &lt;g:sortableColumn property="startDate" title="${message(code: 'project.startDate.label', default: 'Start Date')}" /&gt;
                          &lt;g:sortableColumn property="status" title="${message(code: 'project.name.label', default: 'Status')}" /&gt;
  
                          &lt;g:sortableColumn property="requirements" title="${message(code: 'project.name.label', default: 'Requirements')}" /&gt;
  
                          &lt;g:sortableColumn property="design" title="${message(code: 'project.name.label', default: 'Design')}" /&gt;
  
                          &lt;g:sortableColumn property="development" title="${message(code: 'project.name.label', default: 'Development')}" /&gt;
  
                          &lt;g:sortableColumn property="qa" title="${message(code: 'project.name.label', default: 'QA')}" /&gt;
  
                          &lt;g:sortableColumn property="ua" title="${message(code: 'project.name.label', default: 'UA')}" /&gt;
  
                          &lt;g:sortableColumn property="delivery" title="${message(code: 'project.name.label', default: 'Delivery')}" /&gt;
  
                          &lt;g:sortableColumn property="more" title="${message(code: 'project.name.label', default: 'More')}" /&gt;   
  
                      &lt;/tr&gt;
                  &lt;/thead&gt;
                  &lt;tbody&gt;
                  &lt;g:each in="${projectInstanceList}" status="i" var="projectInstance"&gt;
                      &lt;tr class="${(i % 2) == 0 ? 'even' : 'odd'}"&gt;
  
                          &lt;td&gt;&lt;g:link action="show" id="${projectInstance.id}"&gt;${fieldValue(bean: projectInstance, field: "name")}&lt;/g:link&gt;&lt;/td&gt;
  
                          &lt;td&gt;&lt;g:formatDate date="${projectInstance.dueDate}" /&gt;&lt;/td&gt;
  
                          &lt;td&gt;&lt;g:formatDate date="${projectInstance.startDate}" /&gt;&lt;/td&gt;
  
                          &lt;td&gt;&lt;g:link action="show" id="${projectInstance.id}"&gt;${fieldValue(bean: projectInstance, field: "status.name")}&lt;/g:link&gt;&lt;/td&gt;
  
                          &lt;td&gt;&lt;g:link action="show" id="${projectInstance.id}"&gt;${fieldValue(bean: projectInstance, field: "requirements.name")}&lt;/g:link&gt;&lt;/td&gt;
  
                          &lt;td&gt;&lt;g:link action="show" id="${projectInstance.id}"&gt;${fieldValue(bean: projectInstance, field: "design.name")}&lt;/g:link&gt;&lt;/td&gt;
  
                          &lt;td&gt;&lt;g:link action="show" id="${projectInstance.id}"&gt;${fieldValue(bean: projectInstance, field: "development.name")}&lt;/g:link&gt;&lt;/td&gt;
  
                          &lt;td&gt;&lt;g:link action="show" id="${projectInstance.id}"&gt;${fieldValue(bean: projectInstance, field: "qa.name")}&lt;/g:link&gt;&lt;/td&gt;
  
                          &lt;td&gt;&lt;g:link action="show" id="${projectInstance.id}"&gt;${fieldValue(bean: projectInstance, field: "ua.name")}&lt;/g:link&gt;&lt;/td&gt;
  
                          &lt;td&gt;&lt;g:link action="show" id="${projectInstance.id}"&gt;${fieldValue(bean: projectInstance, field: "delivery.name")}&lt;/g:link&gt;&lt;/td&gt;
  
                          &lt;td&gt;&lt;g:link action="show" id="${projectInstance.id}"&gt;${fieldValue(bean: projectInstance, field: "delivery.name")}&lt;/g:link&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/g:each&gt;
                  &lt;/tbody&gt;
              &lt;/table&gt;
              &lt;div class="pagination"&gt;
                  &lt;g:paginate total="${projectInstanceTotal}" /&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>