⌘K

Тег select

Тег select HTML формалари учун тўғрича рўйхат яратади.

Рўйхатнинг алохида пункти option тегида сақланиши керак.

Атрибутлар

Атрибут Тасвир
multiple Ушбу атрибутнинг мавжудлиги мультиселектни яратади - бир нечта пунктни танлаш мумкин бўлган тўғрича рўйхат, уни Ctrl тугмасини босиб ёки сичқонча билан танлаб.
Мажбурий бўлмаган атрибут.
name Тўғрича рўйхатнинг номи. PHP да воситаларида киритish маълумотларини олиш учун зарур. Форманинг тўғри ишлаши учун киритish майдони номлари бир-бирига мос келмаслиги керак (бир формада). Агар улар мос келса - PHP га HTML кодида pastroqda жойлашган киритish майдонининг маълумотлари келади.

Мисол

Тўғрича рўйхат кандай ишлашини кўрамиз: 

html<select>
  <option>City1</option>
  <option>City2</option>
  <option>City3</option>
  <option>City4</option>
</select>

Результат:

Мисол

Тўғрича рўйхатнинг энини энг катта элементнинг энига тенг килайлик (агар у width CSS хусусияти орқали аник кўрсатилмаган бўлса): 

html<select>
  <option>Big City1</option>
  <option>City2</option>
  <option>City3</option>
  <option>City4</option>
</select>

Результат:

Мисол . Андоза бўйича танлов

Энди андоза бўйича шахарни танлайлик. Буни selected атрибути воситасида бажарамиз: 

html<select>
  <option>Big City1</option>
  <option selected>City2</option>
  <option>City3</option>
  <option>City4</option>
</select>

Результат:

Мисол . Мультиселект

Энди оддий селектни multiple атрибути орқали мультиселектга айлантирамиз: 

html<select multiple name="city[]">
  <option>City1</option>
  <option>City2</option>
  <option>City3</option>
  <option>City4</option>
</select>

Результат:

name атрибутида берилган селект номи охирида квадрат қавс бўлиши кераклигига эътибор беринг. Бу PHP да танланган барча қийматлар келиши учун зарур (акс холда факат битта - охиргиси келади).

Мисол . Мультиселектда бир нечта андоза қийматлар

Энди, мультиселектда андоза бўйича, бирортадан орттир қийматни танлашга ҳаракат қиламиз: 

html<select multiple name="city[]">
  <option>City1</option>
  <option selected>City2</option>
  <option>City3</option>
  <option selected>City4</option>
</select>

Результат:

Шунингдек қаранг

  • selected атрибути,
    рўйхатнинг андоза бўйича танланган пунктини белгилайди
  • optgroup теги,
    рўйхат пунктларини гурухлайди
  • datalist теги,
    тўғрича рўйхат яратади
BackTextarea тегиNextТег option