How to access dynamic controls having same properties in the Javascript

Question

I am having a aspx page,in which there is a Select box control

<select name="selViewPerPage" id="selViewPerPage" style="width:30px">

In order to bring a particular style in all browsers, i am replacing this html control with dynamic select box using "selectBox.js" . Now the problem is , i am having two dropdowns in the page ,during runtime they are generated with same class name without any ids.So while trying to position the controls using css,the both drop downs takes the same position. Please see the html code in firebug

So i am not sure ,how to handle this situation .Please let me know,if you need more information.

Thnks

Shawn · Accepted Answer · 2011-08-03 21:22:05Z

1

Try using a pseudo-selector to get just a specific item, such as the first, last, or nth item. See :eq() or :first() or :last() for example: http://api.jquery.com/category/selectors/. Using one of those sorts of selectors, you can get just the element you want to modify and apply styles to it individually. Ex.

$('ul').first()

or

$('ul:last')

or

$('ul').eq(1)

Or some other variant of these.

answered Aug 3, 2011 at 21:22

Shawn

9,5726 gold badges41 silver badges76 bronze badges

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

Comments

Diodeus - James MacFarlane · Accepted Answer · 2011-08-03 21:19:47Z

1

If you have multiple instances of items with the same class, use the .eq() selector.

$('.someSelect').eq(0) <-- first instance
$('.someSelect').eq(1) <-- second instance

answered Aug 3, 2011 at 21:19

Diodeus - James MacFarlane

115k33 gold badges164 silver badges180 bronze badges

Collectives™ on Stack Overflow

How to access dynamic controls having same properties in the Javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related