2015-12-23 25 views
1

enter image description here如何在文本输入中显示所选项目?

我需要做类似的事情,但我没有这方面的知识。我该如何去解决它或者它的名字?

任何人都可以帮助我做到这一点使用jQuery,PHP或JavaScript?谢谢。

+0

请检查http://stackoverflow.com/questions/34431502/how- to-search-filter-list-by-multiple-items?answertab = active#tab-top –

+0

你到目前为止试过了什么? – Hassaan

回答

2

请检查Documentation

//bind chosen 
 
$(".chosen-select").chosen({no_results_text: "Oops, nothing found!"}); 
 

 

 
$('.chosen-select').on('change', function(evt, params) { 
 
    alert($(".chosen-select").val()); 
 
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link rel="stylesheet" href="http://harvesthq.github.io/chosen/chosen.css"> 
 
    
 
<script src="http://harvesthq.github.io/chosen/chosen.jquery.js" type="text/javascript"></script> 
 

 

 
<select id="searchBox" data-placeholder="Type &apos;C&apos; to view" style="width:350px;" multiple class="chosen-select chosen-select-no-results" tabindex="11"> 
 
      <option value=""></option> 
 
      <option>Coffee</option> 
 
      <option>Tea</option> 
 
      <option>Milk</option> 
 
      <option>Water</option> 
 
      <option>Juice</option> 
 
      </select>

1

使用jQuery的TAG-IT插件功能

http://aehlke.github.io/tag-it/ 
相关问题