Fórum Problemas para renderizar um modal bootstrap #590768

<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="tce" uri="http://tce.pe.gov.br/jsp/tcetags"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<link rel="stylesheet" href="css/bootstrap.min.css">

...
<div class="panel panel-primary panel-table">
			<div class="panel-body">
				<div class="pull-left">
					<div class="col-xs-12 col-mg-5 col-lg-12">
						<div class="form-group">
							<select class="selectpicker" onchange="visualizarParametro(this.value);" data-toggle="modal" data-target="#modalOperacao">
							<option value="0">Selecione um Set de Simulação...</option>
								<c:forEach var="dadosGeraisResult" items="${resultPage.result}">
									<option value="${dadosGeraisResult.codigo}" >${dadosGeraisResult.nomeDoSet}</option>
								</c:forEach>
							</select>
						</div>
					</div>
				</div>

Aqui é o modal:

<div class="modal fade" id="modalOperacao" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">×</span><span class="sr-only">Fechar</span>
					</button>
					<h4 id="modalOperacaoLabel" class="modal-title">Título</h4>
				</div>
				<div id="modalOperacaoBody" class="modal-body">Carregando...</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" data-dismiss="modal">Fechar</button>
				</div>
			</div>
		</div>
	</div>

aqui as function:

<script type="text/javascript">
function visualizarParametro(id) {
	$(''#modalOperacaoBody'').html(''Carregando...'');
	$.post("DadosGerais!visualizarEntidade", ''entidade.id='' + id,
			function(data) {
				$("#modalOperacaoBody").html(data);
			});
}
	function adicionarParametro() {
		$(''#modalOperacaoLabel'').html(''Incluir Parâmetro'');
		$(''#modalOperacaoBody'').html(''Carregando...'');
		$.post("DadosGerais!visualizarEntidade", ''entidade.nomeDoSet=''
				+ $(''#nomeDoSetPesquisa'').val() + ''&entidade.utimaExecucaoFolha=''
				+ $(''#utimaExecucaoFolhaPesquisa'').val(), function(data) {
			$("#modalOperacaoBody").html(data);
		});
	}

<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="tce" uri="http://tce.pe.gov.br/jsp/tcetags"%>

	
<form class="form-horizontal" role="form" action="DadosGerais">

	<s:hidden id="idEntidade" name="entidade.id" value="%{entidade.id}"/>
	
	<div class="row">
	   	<div class="col-lg-12">
			<div class="form-group">
			  <label class="col-sm-3 control-label">Nome do Set:</label>
			  <div class="col-sm-9">
			    <s:textarea cols="80" rows="3" id="nomeDoSet" 
			    	name="entidade.nomeDoSet" value="%{entidade.nomeDoSet}" />
			  </div>
			</div>
			<div class="form-group" >
			  <label class="col-sm-3 control-label">Ultimo Ano Folha:</label>
			  <div class="col-sm-3">
			    <s:textarea cols="80" rows="3" id="utimaExecucaoFolha" 
			    	name="entidade.utimaExecucaoFolha" value="%{entidade.utimaExecucaoFolha}" />
			  </div>
			</div>
			<div class="form-group" >
			  <label class="col-sm-3 control-label">Ano Zero:</label>
			  <div class="col-sm-3">
			    <s:textarea cols="80" rows="3" id="anoZero" 
			    	name="entidade.anoZero" value="%{entidade.anoZero}" />
			  </div>
			</div>
			<div class="form-group" >
			  <label class="col-sm-3 control-label">Data Criação:</label>
			  <div class="col-sm-3">
			    <s:textarea cols="80" rows="3" id="dataCriacao" 
			    	name="entidade.dataCriacao" value="%{entidade.dataCriacao}" />
			  </div>
			</div>
			<div class="form-group" >
			  <label class="col-sm-3 control-label">Notas Explicativas:</label>
			  <div class="col-sm-3">
			    <s:textarea cols="80" rows="3" id="notasExplicativas" 
			    	name="entidade.notasExplicativas" value="%{entidade.notasExplicativas}" />
			  </div>
			</div>
		</div>
	</div>
	 
	 <div class="row">
	 	<div class="col-lg-12">
			<div class="panel-footer text-center">
				<div class="btn-group btn-group-sm">
					<c:if test="${entidade != null && entidade.codigo != null && entidade.codigo > 0}">
						<s:submit cssClass="btn btn-primary" action="DadosGerais" method="alterar" value="Alterar" onclick="return checarFormulario()"/>
					</c:if>
					<c:if test="${entidade == null || entidade.codigo == null || entidade.codigo == 0}">
						<s:submit cssClass="btn btn-primary" action="DadosGerais" method="cadastrar" value="Cadastrar" onclick="return checarFormulario()"/>
					</c:if>
				</div>
			</div>
		</div>
	</div>

</form>

<script type="text/javascript">
	function checarFormulario() {
		
		if($("#nomeDoSet").val() == null || $("#nomeDoSet").val() == '''') {
			alert("O nome é obrigatório.");
			}  			
		return true;
	}
	
 </script>