CODEWITHSUNDEEP
jquery
zsharp
zsharp

Reputation: 13756

How to get element value in jQuery

Why is it not returning value in 'li'? What am i doing wrong?

$("#list li").click(function() {
    var selected = $(this).val();
    alert(selected);
})

Upvotes: 22

Views: 116366

Answers (9)

Itisha-systematix
Itisha-systematix

Reputation: 165

To get value of li we should use $("#list li").click(function() { var selected = $(this).html();

or

var selected = $(this).text();

alert(selected);

})

Upvotes: 0

Mr_Green
Mr_Green

Reputation: 41832

You can do the same by using jQuery on(). 

$("#list").on('click','li',(function() {
    var selected = $(this).text();   //or .html()
    alert(selected);
})

Upvotes: 1

fanick
fanick

Reputation: 11

  <div class="inter">
      <p>Liste des Produits</p>
      <ul>
          <li><a href="#1">P1</a></li>
          <li><a href="#2">P2</a></li>
          <li><a href="#3">P3</a></li>
      </ul>
  </div>

        $(document).ready(function(){
            $(".inter li").bind(
            "click", function(){
                alert($(this).children("a").text());
            });
        });

Upvotes: 1

harry
harry

Reputation: 1

$("#list li").click(function() {
        var selected = $(this).html();
        alert(selected);
});

Upvotes: 0

Daxon
Daxon

Reputation: 1407

<ul id="unOrderedList">
<li value="2">Whatever</li>
.
.



 $('#unOrderedList li').click(function(){
      var value = $(this).attr('value');
     alert(value); 
  });

Your looking for the attribute "value" inside the "li" tag

Upvotes: 7

Jason Cohen
Jason Cohen

Reputation: 83011

Did you want the HTML or text that is inside the li tag?

If so, use either:

$(this).html()

or:

$(this).text()

The val() is for form fields only.

Upvotes: 59

Mark Hurd
Mark Hurd

Reputation: 13076

Use .text() or .html()

$("#list li").click(function() {
        var selected = $(this).text();
        alert(selected);
});

Upvotes: 3

Andreas Grech
Andreas Grech

Reputation: 107940

Most probably, you want something like this:

$("#list li").click(function() {
        var selected = $(this).html();
        alert(selected);
});

Upvotes: 2

Svante Svenson
Svante Svenson

Reputation: 12488

A li doesn't have a value. Only form-related elements such as input, textarea and select have values.

Upvotes: 2

Related Questions