検索ボックスに付属してドロップダウンボックス

<HTML> 
<HEAD> 
    <タイトル>下拉框附带搜索框</タイトル> <リンクのhref = "$ {rc.contextPath} /statics/js/jquery-select2/3.4/select2.min.css" REL = "スタイルシート"> 
    <スクリプトSRC =" $ {rc.contextPathは}「タイプ= "テキスト/ JavaScriptを" /statics/js/jquery-select2/3.4/select2.min.js> </ SCRIPT> 
</ head> 
<body> 
    <フォーム> 
        の<div>项目名称</ div> 
        <div>の
            <選択のid = "名前" クラス = " projSelect "V-モデル=" ... "> 
                <オプション値="">请选择项目名称</オプション> 
                <オプションV-  =」(項目、I)projListで」:値= "item.id"> {{item.name}} </オプション> 
            </選択> 
        </ div> 
        </ div>
    
        <スクリプト> 
            $(関数(){ $(
                 '.projSelect' ).select2(); 
            })
         </ SCRIPT> 
    </ FORM> 


</ BODY> 
</ HTML>

メインコードはもちろん、相対パスは異なり、赤色で強調表示され、直接コピーするパスを変更する必要があります。

jquery-select2.zip

おすすめ

転載: www.cnblogs.com/yuanmaolin/p/11119578.html