如何添加占位符，以选择下拉列表中的文本框

<select class="form-control selectpicker" id="specialty_id" data-live-search="true" tabindex="-98" name="specialty_id" > 

           <option selected="" value="0" id="ee" <?php if(isset($_GET['sp_id']) && $_GET['sp_id'] == 0): ?>{{ 'selected="selected"' }} <?php endif; ?>>Choose a Sp</option> 
            @foreach($searchdropdown['dsp'] as $dsptext) 
            <option value="{{ $dsptext->spect }}" <?php if(isset($_GET['sp_id']) && $_GET['sp_id'] == $dsptext->spect): ?>{{ 'selected="selected"' }} <?php endif; ?>>{{ $spdata->sp }}</option> 

            @endforeach 

           </select>

我怎样才能添加占位符的选择框是输入文本。该文本框是动态生成的。我研究了这个，但无法找到任何有用的内容。请帮助我。

例如：参考此链接 https://silviomoreto.github.io/bootstrap-select/examples/#live-search

来源

2017-04-18 Mohammed

这是你要搜索的内容？ http://stackoverflow.com/questions/5805059/how-do-i-make-a-placeholder-for-a-select-box – Roman

不，我经历过，但在我的情况下，有可编辑的文本框。 @Roman – Mohammed

您的代码与您发布的链接的示例相同吗？ – Roman

试试这个从https://github.com/silviomoreto/bootstrap-select/blob/master/test.html，

<select class="selectpicker" multiple data-live-search="true" data-live-search-placeholder="Search" data-actions-box="true"> 
      <optgroup label="filter1"> 
       <option>option1</option> 
       <option>option2</option> 
       <option>option3</option> 
       <option>option4</option> 
      </optgroup> 
      <optgroup label="filter2"> 
       <option>option1</option> 
       <option>option2</option> 
       <option>option3</option> 
       <option>option4</option> 
      </optgroup> 
      <optgroup label="filter3"> 
       <option>option1</option> 
       <option>option2</option> 
       <option>option3</option> 
       <option>option4</option> 
      </optgroup> 
      </select>

来源

2017-04-18 12:10:32 RemyaJ

我试过这个，但是不工作。@ RemyaJ – Mohammed

你能试试吗？ – RemyaJ

Working.Great。谢谢曼@RemyaJ – Mohammed

能否请您添加数据实时搜索占位符=“示例”属性附加伤害，的元素？

来源

2017-04-18 11:57:37

不工作。 @YakyRafael – Mohammed

@Mohammed你可以在这里添加你的代码吗？ –

已更新。检查@YakyRafael – Mohammed

确定。我有你的解决方案。请下列选项添加到jQuery函数调用：

$('.selectpicker').selectpicker(
    { 
    liveSearchPlaceholder: 'Placeholder text' 
    } 
);

我做了一个CodePen live example here ..

来源

2017-04-18 13:07:44

如何添加占位符，以选择下拉列表中的文本框

回答

相关问题