ტეგი select

ტეგი select ქმნის ჩამოსაშლელ სიას HTML ფორმებში გამოსაყენებლად.

სიის ცალკეული პუნქტი უნდა იყოს განთავსებული ტეგში option.

ატრიბუტები

მაგალითი

ვნახოთ, როგორ მუშაობს ჩამოსაშლელი სია:

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

Результат:

მაგალითი

მოდით, ჩამოსაშლელი სიის სიგანე გავხადოთ უდიდესი ელემენტის სიგანის ტოლი (თუ ის აშკარად არ არის მითითებული CSS თვისებით width):

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>

Результат:

იხილეთ აგრეთვე