Извиняюсь за это, но я, очевидно, слишком долго смотрел на монитор.
Когда я запускаю следующий код в jsfiddle, отображаются только первые элементы label/select и last label/select, но не средние, и я не понимаю, почему
<body>
<form id="form1" runat="server">
<label id="a1" >City</label>
<select id="cityDropDownList" />
<label id="a2" >Property</label>
<select id="propertyDropDownList" />
<label id="a3" >Room Type</label>
<select id="roomTypeDropDownList" />
</form>
</body>
Заранее спасибо.
Неверно использовать SELECT TAG
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Неиспользование вами не закрыло тег select, следующие теги отображались ненадлежащим образом.
Вы спросили, почему он не выбирает средний.
На самом деле селектор jquery работает так, как он анализировал html по тегу.
Он работает для первого и третьего, поскольку он соответствует тегу "первый и второй" как единый HTML SELECT TAG, КАК ЕСТЬ НЕ ЗАВЕРШЕНО TAG для первого тега. Так что третий SELECT также работает... и четвертый тэг WILL не работает :)
Так напишите вот так:
<select id="first_select"></select>
<select id="second_select"></select>