jQuery / Href parameter

Question

I'm look for a way I can have a list of countries using ... so when you click on a link, the country code parameter is passed over to qjuery which will inturn return a list of cities.

I have been able to do all this using a dropdown, but want to change it to a.href links.

Something like the below...

$('#country').click(function(event) {  
// get the countryCode value here
var $country=$("a#country").val();
...

These need to pass countryCode

<a href="#" id="country">Australia</a>
<a href="#" id="country">United Kingdom</a>
<a href="#" id="country">NewZealand</a>

I suggest that id should be unique. and .val() returns null. Use .html() instead. — zkanoca
– zkanoca, Commented Nov 18, 2013 at 19:25
Using the same "id" for multiple elements is incorrect. You can use a "class" instead. — Pointy
– Pointy, Commented Nov 18, 2013 at 19:25

Mariusz Jamro · Accepted Answer · 2013-11-18 19:29:54Z

5

In html5 its best to use custom attribute:

<a href="#" class="country" data-code="au">Australia</a>
<a href="#" class="country" data-code="uk">United Kingdom</a>
<a href="#" class="country" data-code="nz">NewZealand</a>

In JS:

$('.country').click(function(event) {  
    var $country = $(this).data('code');
}

edited Nov 18, 2013 at 19:29

answered Nov 18, 2013 at 19:27

Mariusz Jamro

31.9k25 gold badges129 silver badges170 bronze badges

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

2 Comments

gen_Eric Over a year ago

You can't have them all with the ID country.

KS1 Over a year ago

Thanks guys, I'm sure a few of these would have worked, but I've gone straight to the one at the top and it's done exactly what I was hoping. Cheers! :-)

tymeJV · Accepted Answer · 2013-11-18 19:27:13Z

1

Change that id to a class and do:

$(".country").click(function(e) {
    e.preventDefault();
    var country = $(this).text();
});

answered Nov 18, 2013 at 19:27

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Comments

ArrayKnight · Accepted Answer · 2013-11-18 19:27:24Z

1

First off, you shouldn't have multiple items with the same id.

You could store the country code as data:

<a href="#" class="country" data-country="aus">Australia</a>

And then retrieve it:

$('.country').on('click', function(e) {
    e.preventDefault();
    var country = $(this).data('country');
})

answered Nov 18, 2013 at 19:27

ArrayKnight

7,4264 gold badges19 silver badges20 bronze badges

Comments

zkanoca · Accepted Answer · 2013-11-18 19:28:00Z

-1

<a href="#" class="c" id="country1">Australia</a>
<a href="#" class="c" id="country2">United Kingdom</a>
<a href="#"  class="c" id="country3">NewZealand</a>


$('.c').click(function(event) {  

event.prenventDefault(); 
var $country=$(this).html();
//var $country=$(this).text(); //or you can try this.
//...
});

answered Nov 18, 2013 at 19:28

zkanoca

10k10 gold badges55 silver badges99 bronze badges

1 Comment

gen_Eric Over a year ago

No. $("a#country") won't work as you expect since IDs are supposed to be unique.

Collectives™ on Stack Overflow

jQuery / Href parameter

4 Answers 4

2 Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related