add items to list via button click in jquery

Question

I have a select list and need to append each selected value/text to a list on a button click. Here is some pseudo code

  $("#addButton").click(function () {           

            var selectedValue = "..."
            var selectedText = "..."

            //todo append each selected value & text
            //to an unordered list 
            //on submit of form read in via querystring selected
            //values and text from the unordered list

});

Any ideas?

Thanks

Dipak · Accepted Answer · 2012-09-13 13:23:45Z

6

$("#addButton").click(function () {           

  var selectedVal = $('select').val();

  $('ul').append('<li>'+selectedVal+'</li>')

});

JSFiddle

answered Sep 13, 2012 at 13:23

Dipak

12.2k3 gold badges32 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Flater Over a year ago

It appears the text of the selected option is also needed. In that case: $("#mySelectList option:selected").text();

DreamToCode Over a year ago

Thanks for the reply. However how would I read in via querystring each value and text in the unordered list? I guess I would need to loop through the it?

user447356 Over a year ago

@DreamToCode to have it sent on a submitted form you have to add the values to hidden input in addition to adding it to the list.

DreamToCode Over a year ago

Ok thanks Shadow Wizard. So I guess I would have an array of hidden input fields?

Collectives™ on Stack Overflow

add items to list via button click in jquery

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related