CODEWITHSUNDEEP
jqueryhtmlcss
user2147423
user2147423

Reputation: 145

how to add placeholder in selectpicker search input

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

Upvotes: 1

Views: 2915

Answers (4)

Haroon Mirza
Haroon Mirza

Reputation: 267

You can put a placeholder text in search usingdata-live-search-placeholder and change select placeholder text using 'title' attribute.

<label for="job">Jobs</label>

<select id="job" class="selectpicker" multiple title="Select Jobs" data-live-search="true" data-live-search-placeholder="Search">
    <option>job 01</option>
    <option>job 02</option>
    <option>job 03</option>
</select>

Upvotes: 1

Harutyun Harutyunyan
Harutyun Harutyunyan

Reputation: 94

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>

Upvotes: 2

Kaleem Nalband
Kaleem Nalband

Reputation: 697

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

or tell me which jquery plugin you are using?

Upvotes: 0

Dennis
Dennis

Reputation: 1291

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

Upvotes: 0

Related Questions