2016-07-13 6 views
1

私は剣道を実装しましたが、選択惑星がデフォルトで表示されるようにデフォルトでプレースホルダを保持したいと思います。kendo-uiにデフォルトでプレースホルダを表示するには

ただし、プレースホルダが適切に表示しているオプションを削除すると、次の例のようにオプションがデフォルトで表示されます。

私の目的は、デフォルトでプレースホルダを表示し、プレースホルダのサイズを大きくすることです。前もって感謝します。 Kendo documentation for combo boxパー

<!doctype html> 
 
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style> 
 
    <link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.607/styles/kendo.common-material.min.css" /> 
 
    <link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.607/styles/kendo.material.min.css" /> 
 
    <link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.607/styles/kendo.default.mobile.min.css" /> 
 
    <script src="//kendo.cdn.telerik.com/2016.2.607/js/jquery.min.js"></script> 
 
    <script src="//kendo.cdn.telerik.com/2016.2.607/js/kendo.all.min.js"></script> 
 
     <div id="example" role="application"> 
 
      <div id="tshirt-view" class="demo-section k-content"> 
 
       <h4 style="margin-top: 2em;">Solar System</h4> 
 
       <select id="size" placeholder="Select Planets..." style="width: 220px;" > 
 
        <option />Mercury 
 
        <option />Venus 
 
        <option />Earth 
 
        <option />Mars 
 
        <option />Jupiter 
 
        <option />Plutz 
 
       </select> 
 
      </div> 
 
      <script> 
 
       $(document).ready(function() { 
 
        // create ComboBox from input HTML element 
 
        
 
        // create ComboBox from select HTML element 
 
        $("#size").kendoComboBox(); 
 

 
        var select = $("#size").data("kendoComboBox"); 
 
       }); 
 
      </script> 
 
     </div> 
 
</!doctype>

+0

が重複する可能性を追加しますか? ](http://stackoverflow.com/questions/8368847/a-placeholder-for-the-seレクチャータグ) – wOxxOm

答えて

3

$("#combobox").kendoComboBox({ 
    placeholder: "Select..." 
}); 
+0

それは働いた.. @ RobertC – overflowstack9

2

試みは、別のデフォルトのオプション\ `\`タグを選択するために、[プレースホルダの

<option value="" disabled selected>Select Planest...</option> 
関連する問題