ansaurus

Question

How to get selected value after clone with jQuery?

Answer 1

+2 A:

$('#container').clone().attr('id', 'container2').find('select > option').each(function() {
                var $elem = $(this);
                var value = $elem.val();
                alert(value);
            });

Changed the selector in find method to select > option from select.

Also why are you cloning the element if you are not going to append it to the DOM.

To get the selected value of the cloned element you can use

$('#container').clone().attr('id', 'container2').find('select > option:selected').val()

If you need to insert the cloned element to the DOM you can use

$('#container').clone().attr('id', 'container2').appendTo("body")

and full code for getting the selected option value after inserting the cloned element to the DOM

$('#container').clone().attr('id', 'container2').appendTo("body").find('select > option:selected').val()

Complete code for the button click

 $(document).ready(function(){
            $('#test').click(function(){
                $('#container').clone().attr('id', 'container2').appendTo("body").find('select > option:selected').each(function() {
                    alert ( $(this).val());
                });
            });
        });

rahul 2009-08-31 12:12:56

$('#selectList option:selected').val()? Or is there no difference?

Ravish 2009-08-31 12:17:47

I updated the post,I suspect it has something to do with the clone()

Shore 2009-08-31 12:26:38

It iterated all option values,but I want to directly get the selected option value of <select>,is there a way to do that?

Shore 2009-08-31 12:37:10

Seems something lost during clone(),right?

Shore 2009-08-31 12:38:59

If you need to insert the cloned element to the DOM you can use appendTo method.

rahul 2009-08-31 12:39:50

Do you know why can't directly get value of <select> after clone()?

Shore 2009-08-31 13:07:54

Answer 2

A:

$('select > option:selected').val();

To iterate over all select elements on the page and alert the selected options' values:

$('select > option:selected').each(function() {
    alert($(this).val());
});

karim79 2009-08-31 12:15:44

Answer 3

+1 A:

I've tried it, and this works.

$container.find('select').each(function() {
    alert($(this).attr('value'));
});

rogeriopvl 2009-08-31 12:16:19

I've put all my testing code up.You can see that it's not working when click the button.

Shore 2009-08-31 12:34:11

ansaurus

tags:

views:

answers:

How to get selected value after clone with jQuery?

related questions