PHP - Select / Option Placeholder Kullanımı

14-10-2024, 17:27:21

Merhabalar,
PHP Form sayfamda 1 adet Select Option kullanıyorum. Select Option' da seçimin zorunlu olacak şekilde yer tutucu kullanmak ve bu yer tutucunun seçilemez olmasını istiyorum. 'disabled selected' yöntemi ile ilerliyorum ancak bu sefer' de seçim yapılmadığında select / option' u 'disabled selected' nedeniyle dolu olarak görüyor ve boş geçilebiliyor. Yapmak istediğim şu;
Formu dolduran kişi, yer tutucu metni seçemesin ve diğer seçeneklerden birini zorunlu olarak seçsin. Desteğinizi rica ederim.

<div class="form-group">
<label>Renk</label>
<select name="renk" id="form-control" class="form-control" required>
<option disabled selected>Renk Seçiniz</option>
<option value="Kirmizi ">Kırmızı</option>
<option value="Sari ">Sarı</option>
<option value="Mavi ">Mavi</option>
<option value="Turuncu ">Turuncu</option>
</select>
</div>

14-10-2024, 17:30:34

#2

Modal

disabledi kaldır ve value değerini = "" yap hocam required ekle bu sayede eğer seçim yapmazsa formu submit edemez.

14-10-2024, 17:31:27

#3

Modal

<select name="renk" id="form-control" class="form-control" required>
     <option value="" selected>Renk Seçiniz</option>
     <option value="Kirmizi ">Kırmızı</option>
</select>

14-10-2024, 17:38:28

#4

mtyuksel

Modal adlı üyeden alıntı: mesajı görüntüle

<select name="renk" id="form-control" class="form-control" required>
     <option value="" selected>Renk Seçiniz</option>
     <option value="Kirmizi ">Kırmızı</option>
</select>

Hocam disabled' i kaldırınca, yer tutucu metni de seçilebilir yaptı. Dediğiniz mantıktan yola çıkarak aşağıdaki gibi disabled selected' in önüne boş bir value ekledim ve sorunum çözüldü. Desteğiniz için çok teşekkür ederim.

<div class="form-group">
<label>Renk</label>
<select name="renk" id="form-control" class="form-control" required>
<option value="" disabled selected>Renk Seçiniz</option>
<option value="Kirmizi ">Kırmızı</option>
<option value="Sari ">Sarı</option>
<option value="Mavi ">Mavi</option>
<option value="Turuncu ">Turuncu</option>
</select>
</div>