Question

I’m trying to make the a selectable list like a select-box, so when you click on the li a, change the label for the selected li a.

First of all, this is possible?
Here is the code: http://jsfiddle.net/dcalixto/h8esW/10/

Thank’s for any hint 🙂

Answer 1

Definitely possible using the text() method.

$(".genero-box li").click(function() {
    $genero = $('.genero');  /* Get the <label> */
    $genero.text($(this).text()); /* Set <label>'s text to clicked <li>'s text */
    $genero.click(); /* Trigger a click on the label to close the selection */
});

Here’s an update to your code.