Несколько ярлыков и выбор элементов, но один не отображается

Question

Несколько ярлыков и выбор элементов, но один не отображается

0

Извиняюсь за это, но я, очевидно, слишком долго смотрел на монитор.

Когда я запускаю следующий код в 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>

Заранее спасибо.

user811826 17 апр. 2014, в 22:02

Источник

1

У вас есть ссылка на jsfiddle?
Fraggy 17 апр. 2014, в 19:32

Теги:

html

2 ответа

0

Вы спросили, почему он не выбирает средний.

На самом деле селектор jquery работает так, как он анализировал html по тегу.

Он работает для первого и третьего, поскольку он соответствует тегу "первый и второй" как единый HTML SELECT TAG, КАК ЕСТЬ НЕ ЗАВЕРШЕНО TAG для первого тега. Так что третий SELECT также работает... и четвертый тэг WILL не работает :)

Так напишите вот так:

<select id="first_select"></select>
<select id="second_select"></select>

Riad 17 апр. 2014, в 18:18

Ещё вопросы

Alex · Accepted Answer · 2014-04-17T17-42-00.000Z

Неверно использовать 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, следующие теги отображались ненадлежащим образом.

Это, безусловно, верно и решает проблему с jsfiddle. Однако для хорошего ответа я также хотел бы, чтобы вы дали любую форму объяснения этому поведению. В итоге два из трех недействительных тегов выбора были показаны правильно ...
Хорошо, так что это решило мою проблему, и теперь я буду выдвигать себя за номер года. Спасибо за быстрый ответ.