Question

我正在开发一个动态下拉列表，我可以在其中设置一个默认选中的空选项。我想为默认选择的选项设置text-palceholder类。

我想生成像这样的选项，

<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,
   ));
?>

我想添加默认选中的空选项并保持禁用状态（作为占位符）。

Answer 1

这是你在找什么？：

<?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/

Answer 2

试试这个

<?php 
      echo $this->Form->input('location',array(
      'class' => 'form-control-chosen form-control',
      'options'=>$categories,
      'div' => false,
      'label' => false,
      'empty' => 'Placeholder text'    )); 
 ?>

在下拉列表cakephp中为空选项设置类

2 个答案: