jQuery set html() value

Question

HTML

<select class="selectAddress" name="select2" size="4" multiple="multiple">
    <option>address 1</option>
    <option>address 2</option>
    <option>address3, some city, uk</option>
    <option>address4, some city, uk</option>
    <option>address4, some city, uk</option>
</select>

<p id="chosenAddress01" class="renderedYellowBox">result in here</p>

jQuery

$(".selectAddress").dblclick(function() {
var address = [];
    $('.selectAddress option:selected').each(function(i, selected){ 
       address[i] = $(selected).text(); 
    });
    //alert(address);

    $('#chosenAddress01').html(address);
    });

Problem

I'm trying to get the selected value of the address option to populate the p tag on dblclick() of the address

If I use the alert box to check the result, the correct result comes thru. But trying to get the result into the p tag returns nothing.

Can anyone help?

Thanks, Kevin

Nick Craver · Accepted Answer · 2010-11-08 16:57:58Z

6

Use .join() to turn it into a string first, like this:

$('#chosenAddress01').html(address.join(', '));

.html() treats an array differently, so best to explicitly make it a string since that's what you're after. The reason alert() works is there's an implicit .toString() going on there.

answered Nov 8, 2010 at 16:57

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

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

Comments

Pointy · Accepted Answer · 2010-11-08 16:58:46Z

3

You're a brave man to use "dblclick"
You'll want to join the array:

$('#chosenAddress01').html(address.join(' '));

answered Nov 8, 2010 at 16:58

Pointy

415k62 gold badges600 silver badges631 bronze badges

2 Comments

Kevin Over a year ago

Thanks. Just finding my feet with jQuery at the moment, and discovering the power, and nuances of it. What's the issues related with dblClick()?

Pointy Over a year ago

Well browsers just don't do a very good job with "dblclick" and "click". It might work out for you, but it makes me a little nervous because <option> elements have some native behavior on the "click" event already.

Maurizio Cucchiara · Accepted Answer · 2010-11-08 16:58:32Z

1

Address is an array, did you try to convert into a string?

answered Nov 8, 2010 at 16:58

Maurizio Cucchiara

8956 silver badges11 bronze badges

Collectives™ on Stack Overflow

jQuery set html() value

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related