如何在semantic-ui中占位符?

问题描述:

我正在使用https://semantic-ui.com/modules/dropdown.html插件,我必须显示占位符。我从正在工作的数据库检索数据,但占位符未显示。如何在semantic-ui中占位符?

注意: - 如果我删除PHP代码比显示占位符。

我试图

$('select.dropdown').dropdown({placeholder:'select option'}); 

,也试过

<option value="" selected="selected" disabled >Select option</option> 

,但不工作。请检查我的代码并协助我。

<select class="ui fluid search dropdown" id='select-super'> 
    <option value="">Select Option</option> 

     <?php while($row = mysqli_fetch_array($learn_teach_result)):;?> 
        <option value="<?php echo $row['email'];?>"><?php echo $row['email'];?></option> 
       <?php endwhile;?> 
    </select> 
+0

复制? [StackOverflow](http://stackoverflow.com/questions/16222655/how-to-create-a-select-placeholder) – maximelian1986

+1

感谢您回复Mr.maximelian,我知道如何在HTML中使用占位符,并且我还添加了尝试代码,但这是行不通的。 –

+0

我现在找到了我的解决方案 –

我做了什么。我在里面添加了占位符。我不知道这是对还是错,但为我工作。

感谢,MR.Gibbok,您的评论,帮助我得到了我的解决方案

<select class="ui fluid search dropdown" id='select-super'> 
    <?php while($row = mysqli_fetch_array($learn_teach_result)):;?> 
    <option value="">Select Option</option> 
    <option value="<?php echo $row['email'];?>"><?php echo $row['email'];?></option> 
    <?php endwhile;?> 
</select> 

试着使用一个没有值的选项,这个数据应该出现在你的数组中。

实施例:

<div class="another dropdown example"> 
    <select class="ui dropdown"> 
    <option value="">Gender</option> <!-- your placeholder --> 
    <option value="1">Male</option> 
    <option value="0">Female</option> 
    </select> 
</div> 
+0

这不起作用。我试过我正在检索数据表单数据库。 –

+0

@NarendraVerma你的问题是在PHP中,你应该在你的PHP值的数组中添加你的占位符,赋值为空字符串 – GibboK

+0

我认为这是一个常用的解决方案。我通常使用它。 – Kramer

尝试

下面的代码。

<select class="ui fluid search dropdown" id='select-super'> 
    <option value="">Select Option</option> 
    <?php while($row = mysqli_fetch_array($learn_teach_result)):;?> 
      <option value="<?php echo $row['email'];?>"><?php echo $row['email'];?></option> 
     <?php endwhile;?> 
</select> 
+0

感谢您回复Mr.Jaje,不为我工作。 –

+0

如果我删除PHP代码,那么它将工作。 –