更改<li> </li>的值

时间:2014-04-08 18:17:19

标签: c# javascript html html-lists

好吧,我有这个问题。我试图在返回PartialView的函数后将li更改为另一个li。我想把李集中在那里,而不是当前的焦点。

在视图中:

<ul>
    <li id="datos"><a href="#tabs-1r">Datos</a></li>
    <li id="resultado"><a href="#tabs-2r">Resultado</a></li>
</ul>
<div id="tabs-1r" style="top: 0px; width: 100px;">
    <form id="consultaCE">
       <left>
           <table style="text-align: left">
              <tr >
                 <td> <label class="labelNormal">Nombre</label></td>
                 <td>   @Html.TextBoxFor(model => model.NombreCentroEducativo, null, new                                    { @class = "textBoxLarge", @maxlength = "60" })</td>
              </tr>
              <tr >
                 <td > <label class="labelNormal">Nro. Establecimiento</label></td>
                 <td>   @Html.TextBoxFor(model => model.NroEstablecimientoCentroEducativo, null, new { @class = "textBoxLarge" }) </td>
              </tr>                      
              <tr>
                 <td> <label class="labelNormal">Departamento</label></td>
                 <td> @Html.DropDownListFor(model => model.DepartamentoCentroEducativo, ViewBag.Departamentos as IEnumerable<SelectListItem>, new { @id = "deptoID", @class = "dropdownLarge" }) </td>  
              </tr>
              <tr>
                 <td> <label class="labelNormal">Localidad</label></td>
                 <td> @Html.DropDownListFor(model => model.LocalidadCentroEducativo, ViewBag.Localidades as IEnumerable<SelectListItem>, new { @id = "dropLoc", @class = "dropdownLarge" })   </td>    
              </tr>
              <tr>
                 <td > <label class="labelNormal">Paraje/Barrio</label></td>
                 <td>  @Html.DropDownListFor(model => model.ParajeBarrioCentroEducativo, ViewBag.Parajes as IEnumerable<SelectListItem>, new { @id = "dropParaje", @class = "dropdownLarge" })   </td> 
              </tr>
              <tr>
                 <td > <label style="margin-left:15px" class="labelNormal">Subsistema</label></td>
                 <td>   @Html.DropDownListFor(model => model.SubsistemaCentroEducativo, ViewBag.Subsistemas as IEnumerable<SelectListItem>, new { @class = "dropdownLarge" }) </td> 
              </tr>
           </table>  
       </left>
       <button id="btnBuscarCentros" style="margin-top: 10px;" class="btn btn-primary">
                                    Buscar
       </button>
    </form>
</div>
<div id="tabs-2r">
    <div id="ResultadoBusquedaCE" style="height: auto; float: left; font-size: 12px;">
    </div>
                                @Html.ActionLink("Exportar Excel", "GuardarConsultaCE", new { }, new { @class = "btn btn-primary", @style = "color:white" })
</div>

这里“Datos”它是活跃的。

Javascript功能:

$('#btnBuscarCentros').click(function ()
          {

              $.ajax({
                url: "@Url.Action("ConsultaCentroEducativos2")",
                data: $('#form').serialize(),
                dataType: "html",
                type: "POST",
                error: function() {
                    alert("An error occurred.");
                },
                success: function(data) {
                  $('#ResultadoBusquedaCE').html(data)     
                }
            });

            return false;
        });

我想去“Resultado”并且活跃。 对不起我的英文,谢谢

1 个答案:

答案 0 :(得分:0)

尝试更改成功回调,如下所示:

success: function(data) {
 $('#ResultadoBusquedaCE').html(data) ;
 $('#resultado').addClass('active'); // Add your activa class for highlighting the li
 $('#resultado a').trigger('click'); // trigger a click on hyperlink inside the li
}