1. css

              <link rel="stylesheet" href="public/app/jquery.inputpicker.css">
              

2. js

              <script src="public/app/jquery.inputpicker.js"></script> 
              

3. html

              <div class="container">
<h1>jQuery Inputpicker Demos</h1>
<h2>Basic</h2>
<input class="form-control" id="demo-1" value="jQuery" />
<h2>Multiple Columns</h2>
<input class="form-control" id="demo-2" value="jQuery" />
<h2>JSON</h2>
<input class="form-control" id="demo-3" value="jQuery" />
</div>

               

4. script

$('#demo-3').inputpicker({
    url: 'src/example-regions.json',
    fields:['id','name','hasc'],
    fieldText:'name',
    fieldValue:'id'
});
$('#demo-1').inputpicker({
  data:[ "jQuery", "Script", "Net" ]
});
$('#demo-2').inputpicker({
    data:[
        {value:"1",text:"jQuery", description: "This is the description of the text 1.", description2: "This is the description of the text 1."},
        {value:"2",text:"Script", description: "This is the description of the text 2."},
        {value:"3",text:"Net", description: "This is the description of the text 3."}
        
    ],
    fields:[
        {name:'value',text:'Id'},
        {name:'text',text:'Title'},
        {name:'description',text:'Description'},
        {name:'description2',text:'Description'}
    ],
    headShow: true,
    fieldText : 'text',
    fieldValue: 'value',
  filterOpen: true
    });

<

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-36251023-1']);
  _gaq.push(['_setDomainName', 'jqueryscript.net']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();



try {
  fetch(new Request("https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js", { method: 'HEAD', mode: 'no-cors' })).then(function(response) {
    return true;
  }).catch(function(e) {
    var carbonScript = document.createElement("script");
    carbonScript.src = "//cdn.carbonads.com/carbon.js?serve=CK7DKKQU&placement=wwwjqueryscriptnet";
    carbonScript.id = "_carbonads_js";
    document.getElementById("carbon-block").appendChild(carbonScript);
  });
} catch (error) {
  console.log(error);
}

1. to add more col, see the parameters data and fields