用jquery替代选择框

时间:2011-10-02 00:33:32

标签: javascript css jquery

我正在尝试将可选列表设为选择框,因此当您点击li a时,请更改所选li a的标签。

首先,这可能吗? 以下是代码:http://jsfiddle.net/dcalixto/h8esW/10/

感谢任何提示:)

2 个答案:

答案 0 :(得分:2)

绝对可以使用text()方法。

$(".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 */
});

此处为您的代码an update

答案 1 :(得分:1)

这可能就是你要找的东西:

$(".genero-box li").click(function(e) {
    $("label.genero").text($(this).text());
    $(".genero-box").fadeOut();
});

检查kthis jsFiddle - http://jsfiddle.net/FloydPink/tyHSx/1/