Я работаю над динамическим выпадающим списком, где я могу установить пустую опцию, которая выбрана по умолчанию. Я хочу установить класс держателя текста для выбранной по умолчанию опции.
Я хочу создать такие варианты,
<select name="category" class="form-control-chosen form-control">
<option class="text-placeholder" value="">all category</option>
<option value="">Customer Service</option>
<option value="">Designer</option>
<option value="">Developer</option>
<option value="">Finance</option>
<option value="">Human Resource</option>
<option value="">Information Technology</option>
<option value="">Marketing</option>
<option value="">Others</option>
<option value="">Sales</option>
</select>
Теперь здесь я хочу установить класс для первой опции (или пустой опции).
Я делаю так:
<?php echo $this->Form->input('location',array(
'class' => 'form-control-chosen form-control',
'options'=>$categories,
'div' => false,
'label' => false,
));
?>
Я хочу добавить пустую опцию, которая выбрана по умолчанию и остается отключенной (как заполнитель).
Это то, что вы ищите? :
<?php echo $this->Form->input('location', array(
'class' => 'form-control-chosen form-control',
'options' => $categories,
'div' => false,
'label' => false,
'placeholder' => 'all categories'
));
?>
Вы также можете добавить класс с помощью jquery:
$("select option:first-child").addClass("text-placeholder");
Здесь вы можете прочитать о .addClass:
https://api.jquery.com/addclass/
попробуй это
<?php
echo $this->Form->input('location',array(
'class' => 'form-control-chosen form-control',
'options'=>$categories,
'div' => false,
'label' => false,
'empty' => 'Placeholder text' ));
?>