2016-04-23 59 views
0

自動完成suggession上的HTML標籤

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <base href="http://demos.telerik.com/kendo-ui/autocomplete/index"> 
 
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style> 
 
    <title></title> 
 
    <link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.1.412/styles/kendo.common-material.min.css" /> 
 
    <link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.1.412/styles/kendo.material.min.css" /> 
 

 
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
 
    <script src="http://kendo.cdn.telerik.com/2015.3.1111/js/kendo.all.min.js"></script> 
 
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.common.min.css"> 
 
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.rtl.min.css"> 
 
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.default.min.css"> 
 
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.mobile.all.min.css"> 
 
<script src="http://kendo.cdn.telerik.com/2015.3.1111/js/angular.min.js"></script> 
 
<script src="http://kendo.cdn.telerik.com/2015.3.1111/js/jszip.min.js"></script> 
 
</head> 
 
<body> 
 

 
     <div id="example"> 
 
      <div class="demo-section k-content"> 
 
       <h4>Choose shipping countries:</h4> 
 
       <input id="countries" style="width: 100%;" /> 
 
       <div class="demo-hint">Start typing the name of an European country</div> 
 
      </div> 
 

 
      <script> 
 
       $(document).ready(function() { 
 
        var data = [ 
 
          "Albania", 
 
          "Andorra", 
 
          "Armenia", 
 
          "Austria", 
 
          "Azerbaijan", 
 
          "Belarus", 
 
          "Belgium", 
 
          "Bosnia & Herzegovina", 
 
          "Bulgaria", 
 
          "Croatia", 
 
          "Cyprus", 
 
          "Czech Republic", 
 
          "Denmark", 
 
          "Estonia", 
 
          "Finland", 
 
          "France", 
 
          "Georgia", 
 
          "Germany", 
 
          "Greece", 
 
          "Hungary", 
 
          "Iceland", 
 
          "Ireland", 
 
          "Italy", 
 
          "Kosovo", 
 
          "Latvia", 
 
          "Liechtenstein", 
 
          "Lithuania", 
 
          "Luxembourg", 
 
          "Macedonia", 
 
          "Malta", 
 
          "Moldova", 
 
          "Monaco", 
 
          "Montenegro", 
 
          "Netherlands", 
 
          "Norway", 
 
          "Poland", 
 
          "Portugal", 
 
          "Romania", 
 
          "Russia", 
 
          "San Marino", 
 
          "Serbia", 
 
          "Slovakia", 
 
          "Slovenia", 
 
          "Spain", 
 
          "Sweden", 
 
          "Switzerland", 
 
          "Turkey", 
 
          "Ukraine", 
 
          "United Kingdom", 
 
          "Vatican City" 
 
         ]; 
 

 
        //create AutoComplete UI component 
 
        $("#countries").kendoAutoComplete({ 
 
         dataSource: data, 
 
         filter: "startswith", 
 
         placeholder: "Select country...", 
 
         separator: ", " 
 
        }); 
 
       }); 
 
      </script> 
 
     </div> 
 

 

 
</body> 
 
</html>

它工作得很好,但是當我想爲textarea的工作,這是行不通的。

$ content

我設計了一個c代碼的文本編輯器。所以當用戶在該textarea上編寫代碼時,它會提示片段。我能爲文本區域做些什麼。請幫助........

回答