_search_result.html

<div id="content" class="col-lg-10 col-sm-10">
  <div class="row">
    <div class="box col-md-12">
      <div class="box-content">
        <h3>Assessment</h3>  
        <span class="success_msgs">
			<% if notice %>
				<p class="alert alert-success">
					<%= notice %>
				</p>
			<% end %>
		 </span>    
        <table width ="100%">
          <tr>
            <td colspan="2">
              <%= simple_form_for :Search, :url => {action: 'index'}, :method => 'get', :remote => true do |f| %> 
                <div class="box-inner">                  
                  <table class="mytable">
                    <tr> 
                      <td align="center">                      
                        <div id="project_dropdown_div">             
                          <label for="project_name">Project Name</label> <%=render 'project_dropdown'%>
                        </div>
                      </td>
                    </tr>                   
                  </table>
                </div>                 
              <% end %>
            </td>
          </tr>
          <tr>
            <td colspan="2">&nbsp;</td>
          </tr>
          <tr>
            <td colspan="2">
              <div id="result_content" class="form-group">             
                <%= render 'search_result'%>
              </div>
            </td>
          </tr>
          <tr>
            <td colspan="2">   
            	<% if @assessments != nil && @assessments[0].closed_status == "Open" then %>
            		<button class="btn btn-primary noty"
                            data-noty-options="{&quot;text&quot;:&quot;This is a success notification&quot;,&quot;layout&quot;:&quot;topLeft&quot;,&quot;type&quot;:&quot;success&quot;}">
                        <i class="glyphicon glyphicon-bell icon-white"></i> New Assessment
                    </button>
            	<%else%>        
	              	<%=form_tag('#new') do %>
		         		<%= hidden_field_tag :project_id%>
		         		<%= hidden_field_tag :project_name%>
		                <%= submit_tag "New Assessment", :type => 'button',class: "btn btn-primary btn-sm" ,:onclick=>"getNewPage()" do %>
			         		<i class="glyphicon glyphicon-pencil"> Submit</i>
			         	<% end%>
		         	<% end%>
	         	<% end%>
            </td>
          </tr>
        </table>        
      </div>
    </div>
  </div>
</div>

<script type="text/javascript">
   
   function getResult(obj){   
   	 $.ajax({url: 'assessments',
   	 data: {'project[project_id]':document.getElementById("project_project_id").value},
   	 dataType: "script",
   	 method: 'get'
   	}); 
   }
   
   function getNewPage()
   {  
   	  var form = "";
   	  var projId = document.getElementById("project_project_id").value;
   	 
   	  if (!projId)
   	  {
   	  	alert("Please select a Project Name");
   	  }else
   	  {
   	  	form = document.forms[1];
   	  	form.project_id.value = projId;
   	  	form.project_name.value = document.getElementById("project_project_id").options[document.getElementById("project_project_id").selectedIndex].text;
   	  	
   	  	form.method = "post";
   	  	form.action = "assessments/new";
   	  	form.submit();
   	  }  
   }    
</script>

index.html

<div id="content" class="col-lg-10 col-sm-10">
  <div class="row">
    <div class="box col-md-12">
      <div class="box-content">
        <h3>Assessment</h3>  
        <span class="success_msgs">
			<% if notice %>
				<p class="alert alert-success">
					<%= notice %>
				</p>
			<% end %>
		 </span>    
        <table width ="100%">
          <tr>
            <td colspan="2">
              <%= simple_form_for :Search, :url => {action: 'index'}, :method => 'get', :remote => true do |f| %> 
                <div class="box-inner">                  
                  <table class="mytable">
                    <tr> 
                      <td align="center">                      
                        <div id="project_dropdown_div">             
                          <label for="project_name">Project Name</label> <%=render 'project_dropdown'%>
                        </div>
                      </td>
                    </tr>                   
                  </table>
                </div>                 
              <% end %>
            </td>
          </tr>
          <tr>
            <td colspan="2">&nbsp;</td>
          </tr>
          <tr>
            <td colspan="2">
              <div id="result_content" class="form-group">             
                <%= render 'search_result'%>
              </div>
            </td>
          </tr>
          <tr>
            <td colspan="2">   
            	<% if @assessments != nil && @assessments[0].closed_status == "Open" then %>
            		<button class="btn btn-primary noty"
                            data-noty-options="{&quot;text&quot;:&quot;This is a success notification&quot;,&quot;layout&quot;:&quot;topLeft&quot;,&quot;type&quot;:&quot;success&quot;}">
                        <i class="glyphicon glyphicon-bell icon-white"></i> New Assessment
                    </button>
            	<%else%>        
	              	<%=form_tag('#new') do %>
		         		<%= hidden_field_tag :project_id%>
		         		<%= hidden_field_tag :project_name%>
		                <%= submit_tag "New Assessment", :type => 'button',class: "btn btn-primary btn-sm" ,:onclick=>"getNewPage()" do %>
			         		<i class="glyphicon glyphicon-pencil"> Submit</i>
			         	<% end%>
		         	<% end%>
	         	<% end%>
            </td>
          </tr>
        </table>        
      </div>
    </div>
  </div>
</div>

<script type="text/javascript">
   
   function getResult(obj){   
   	 $.ajax({url: 'assessments',
   	 data: {'project[project_id]':document.getElementById("project_project_id").value},
   	 dataType: "script",
   	 method: 'get'
   	}); 
   }
   
   function getNewPage()
   {  
   	  var form = "";
   	  var projId = document.getElementById("project_project_id").value;
   	 
   	  if (!projId)
   	  {
   	  	alert("Please select a Project Name");
   	  }else
   	  {
   	  	form = document.forms[1];
   	  	form.project_id.value = projId;
   	  	form.project_name.value = document.getElementById("project_project_id").options[document.getElementById("project_project_id").selectedIndex].text;
   	  	
   	  	form.method = "post";
   	  	form.action = "assessments/new";
   	  	form.submit();
   	  }  
   }    
</script>