anchor.diff:  														<div id="div12${ment.id}"
   															ondblclick="showStuff('div12${ment.id}','input12${ment.id}');">${ment.companyName}</div>
   														<select name="uCompany" id="input12${ment.id}" style="display: none;" required >
  -																<option value="0"></option>
  +																<option value="${ment.company}" selected="selected"></option>
   																<c:forEach var="item" items="${NewWorkPlace}">
   																	<option value="${item.id}">   ${item.company}</option>
   																</c:forEach>
  
positive.code: 		evt.currentTarget.className += " active";
  	}
  	function showStuff(hide, show) {
  		
  	     document.getElementById(show).style.display  = 'block';
  	    document.getElementById(hide).style.display  = 'none';
  	    
  	}
  
negative.code: <script> 
  
  $(document).ready(function(){
  	$( "form" ).submit(function( event ) {
  		  alert( "Handler for .submit() called." );
  		  console.log(this);
  		  event.preventDefault();
  		  var select=$(this).find( "Select:hidden" ).css('display','block');
  		  for (var i = 0; i < select.length; i++) {
  			  select[i].childNodes[1].selected= true;
  		} 
  		  this.submit();
  		});
  	$(".para").click(function() {
  	    $(this).addClass('selected').siblings().removeClass("selected");
  	});
  