angular select2 ドロップダウンの単一選択と複数選択の例の詳細な説明

互換性:

紹介ファイル

/select2.min.js/select2.min.css

html

<select class="form-control selectName" multiple="multiple">//设置class名为selectName;配置为多选 multiple
        <option value="1" disabled="disabled">本人</option>   //设置一项option为不可选 disabled="disabled"
        <option value="2">父母</option>
        <option value="3">配偶</option>
        <option value="4">子女</option>
        <option value="5">其他</option>
        <option value="6">全部</option>
</select>

js

$(".custAndInsRelationRange").select2({
     placeholder: "--请选择--";     //设置select的默认显示文字});

添付ファイル:

select2 ----- 単一の選択値の割り当て

html:

<select class="form-control premPeriod" ng-model="selectModel" ng-options="item.value as item.name for item in selectDataList"></select>

<em><br>//ng-model="selectModel" 设置ng-model，它的值等于 item.value<br><br>//selectDataList是接口数据</em>

rreee

js:

//select下拉显示的值是item.name

rreee

select2 -----複数選択値の割り当て

html:

$(".premPeriod").select2({ placeholder: "--请选择--"; //初始化 });

js:

rrりー

以上がangular select2 ドロップダウンの単一選択と複数選択の例の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。