Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Dropdown (retornar un valor)

Estas en el tema de Dropdown (retornar un valor) en el foro de Frameworks JS en Foros del Web. Tengo el siguiente menu dropdown: Código HTML: <dl class= "dropdown" > <dt> <a> <span> Select a Field </span> </a> </dt> <dd> <ul id= "menu-tags-menu" class= ...
  #1 (permalink)  
Antiguo 20/05/2012, 00:56
 
Fecha de Ingreso: mayo-2012
Mensajes: 15
Antigüedad: 11 años, 11 meses
Puntos: 0
Pregunta Dropdown (retornar un valor)

Tengo el siguiente menu dropdown:
Código HTML:
<dl class="dropdown">
<dt><a><span>Select a Field</span></a></dt>
<dd>
<ul id="menu-tags-menu" class="menu">
<li id="menu-item-159" class="menu-item current-menu-item"><a href="http://myweb.com.ar/portfolio/">All Fields</a></li>
<li id="menu-item-54" class="menu-item"><a href="http://myweb.com.ar/tag/branding/">Branding</a></li>
<li id="menu-item-55" class="menu-item"><a href="http://myweb.com.ar/tag/print-design/">Print Design</a></li>
<li id="menu-item-57" class="menu-item"><a href="http://myweb.com.ar/tag/web-design/">Web Design</a></li>
<li id="menu-item-56" class="menu-item"><a href="http://myweb.com.ar/tag/ui-design/">UI Design</a></li>
<li id="menu-item-52" class="menu-item"><a href="http://myweb.com.ar/tag/motion-graphics/">Motion Graphics</a></li>
<li id="menu-item-53" class="menu-item"><a href="http://myweb.com.ar/tag/illustration/">Illustration</a></li>
</ul>
</dd>
</dl> 
Funcionando con el siguiente codigo:
Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.     $(".dropdown dt a").click(function() {
  3.         $(".dropdown dd ul").toggle();
  4.     });
  5.     $(".dropdown dd ul li a").click(function() {
  6.         var text = $(this).html();
  7.         $(".dropdown dt a span").html(text);
  8.         $(".dropdown dd ul").hide();
  9.         $("#result").html("Selected value is: " + getSelectedValue("sample"));
  10.     });
  11.     function getSelectedValue(id) {
  12.         return $("#" + id).find("dt a span.value").html();
  13.     }
  14.     $(document).bind('click', function(e) {
  15.         var $clicked = $(e.target);
  16.         if (! $clicked.parents().hasClass("dropdown"))
  17.         $(".dropdown dd ul").hide();
  18.     });
  19. });

Necesito que al iniciar, me reemplace el dt a span por el valor de current-menu-item, es decir que en lugar de "Select a Field" tendria que decir "All Fields" que es el valor del <li> que se encuentra activo en ese momento.

Alguna idea de como hacerlo?
  #2 (permalink)  
Antiguo 20/05/2012, 12:06
 
Fecha de Ingreso: mayo-2012
Mensajes: 15
Antigüedad: 11 años, 11 meses
Puntos: 0
Respuesta: Dropdown (retornar un valor)

Alguien que me de una mano, por favor.
  #3 (permalink)  
Antiguo 21/05/2012, 10:30
 
Fecha de Ingreso: mayo-2012
Mensajes: 15
Antigüedad: 11 años, 11 meses
Puntos: 0
Respuesta: Dropdown (retornar un valor)

Estoy utilizando jquery, alguna idea?

Etiquetas: dropdown, jumpmenu
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:26.