Question

I have a ul list, with 10 items, and I have a label that displays the selected li text.

When I click a button, I need to check the label, versus all the list items to find the matching one, when it finds that I need to assign the corresponding number.

I.e.

list:
Messi
Cristiano
Zlatan

hidden values of list items:
http://www.messi.com
http://www.cronaldo.com
http://www.ibra.com

label:
Zlatan

script (thought)procces:
get label text, search list for matching string, get the value of that string.

(and if someone could point me in a direction to learn these basic(?) stuff.

tried to be as specific as possible, thanks guys!

edit:
really sorry for not being clear.

the li’s are all getting a class dynamically (.listitem).
the links can be stored in an array or in a hidden field (or other ul thats hidden)
it doesn’t really matter where the links are..

$(‘.listitem’).click(function() {
$(“#elname”).text($(this).text());
$(“#such”).attr(“href”, $(this).attr(‘value’));
});

I was trying that with the li’s having values but I realized that li’s can’t have values..

thanks again!

Answer 1

<ul>
    <li title="www.messi.com">
        Messi 
    </li>
    <li title="www.cronaldo.com">
        Cristiano
    </li>
    <li title="www.ibra.com">
        Zlatan
    </li>
</ul>
<label id="selected"></label>
<br />
<br />
<input type="button" id="button" value="click" />

<script type="text/javascript">
    $(document).ready(function() {
        $("li").each(function(i) {
            $(this).click(function() {
                $("label").html($(this).html());
            });
        });

        $("#button").click(function() {
            alert($("li:contains(" + $("label").html() +")").attr("title"));
        });
    });
</script>

I store the hidden fields values in the titles of li elements to simplify my work