0

How I can put placeholder in my selectpicker search input, kindly suggest some idea..

<div class="form-group">
  <label class="control-label " for="select"><span class="clrRed">*</span>abc</label>
  <select class="select form-control selectpicker empty" id="existingJob" name="existing-job" data-live-search="true" required>
    <option value="" selected="true" disabled="true" class="placeholder">ht ht ht </option>
    <option value="Job01">Job 01 </option>
    <option value="Job02">Job 02</option>
    <option value="Job03">Job 03</option>
    <option value="Job04">Job 04</option>
  </select>
</div>

selectpicker search input

31piy
  • 22,351
  • 6
  • 45
  • 63
user2147423
  • 55
  • 1
  • 8
  • try changing `selected="true"` to `selected="selected"` or just `selected` – Sangsom Jul 27 '18 at 09:57
  • Possible duplicate of [How do I make a placeholder for a 'select' box?](https://stackoverflow.com/questions/5805059/how-do-i-make-a-placeholder-for-a-select-box) – JamesS Jul 27 '18 at 11:00

3 Answers3

2

data-live-search-placeholder="Search"

<select class="selectpicker" data-live-search="true" data-live-search-placeholder="Search">
  <option value="Job01">Job 01 </option>
  <option value="Job02">Job 02</option>
  <option value="Job03">Job 03</option>
  <option value="Job04">Job 04</option>
</select>
Harutyun Harutyunyan
  • 76
  • 3
0
<select>
    <option value="" selected disabled>Please select</option>
    <option value="Job01">Job 01 </option>
    <option value="Job02">Job 02</option>
    <option value="Job03">Job 03</option>
    <option value="Job04">Job 04</option>
</select>
Dennis
  • 1,160
  • 12
  • 29
0

https://picker.adam-uhlir.me/

or tell me which jquery plugin you are using?

Kaleem Nalband
  • 609
  • 7
  • 16