選択複数の選択肢のブートストラップ、一般的に使用される2まで選択

9967595-9bf8964b5ad56b76.png
image.png

<!DOCTYPE HTML>
<HTML>
<HEAD>
<メタのcharset = "UTF-8">
<タイトル>联想控股</ TITLE>
<メタ名= "ビューポート"コンテンツ= "幅=装置幅、初期の規模= 1.0 ">
<リンクのhref =" CSS / bootstrap.css "のrel = "スタイルシート"タイプ= "テキスト/ CSSの">
<リンクのhref = "CSS /ブートストラップ・select.css"のrel = "スタイルシート"タイプ="テキスト/ CSS ">
<スクリプトSRC =" http://code.jquery.com/jquery.js "> </ SCRIPT>
<スクリプトSRC =" JS / bootstrap.min.js "> </ SCRIPT>
<スクリプトSRC =" JS /ブートストラップ・select.js "> </ SCRIPT>
</ HEAD>
<BODY>
<DIV CLASS = "コンテナ">


<DIV CLASS = "行">
<ラベルクラス= "COL-SM-3コントロールラベル"スタイル= "行の高さ:34px;マージン底:20ピクセル;">选择用户。 </ label>は
<DIV CLASS = "COL-SM-6">
<選択したクラス= "selectpicker"は、複数のデータ・ライブ・サーチ= "true"のデータ-MAX-オプション= "2">
<オプション値= "1">广东省< /オプション>
<オプション値= "2">广西省</オプション>
<オプション値= "3">福建省</オプション>
<オプション値= "4">湖南省</オプション>
<オプション値=」 5" >山东省</オプション>
</ select>の
</ div>
</ div>
</ div>

</ BODY>
</ HTML>

ます。https://www.jianshu.com/p/02b17d7d1642で再現

おすすめ

転載: blog.csdn.net/weixin_34037515/article/details/91071736