/Bootstrap4ドロップダウンで選択した項目をボタンに表示したい!2018.02.19Bootstrap4ドロップダウンで選択した項目をボタンに表示したい!こんにちは!ふっくんです。Bootstrapを使用してドロップダウンボタンを作って、選択した項目をボタンに表示させたい時ありますよね?こういうドロップダウンで「項目1」を選択すると、こんな感じで。Bootstrapの公式ページには、このような動作をするドロップダウンは用意されてなかったため、処理を書いてみました。ちなみに、JavaScriptの処理を書かないと無理っぽい?感じでした。使用することを前提としております。目次HTMLのソースコードJavaScriptのソースコードこの記事の関連記事HTMLのソースコードまず、Bootstrapの公式ページには、ドロップダウンの以下のようなサンプルコードが用意されてます。記載されたURLに遷移するよーってやつですね。以下のように修正してください。</ul></div>JavaScriptのソースコードJavaScript側の処理は以下のようになります。});});これで、ドロップダウンで選択した項目がボタンに表示されます。開始要素から最も近い先祖要素を選択します。値に書き換えています。ソースコード全体はこんな感じになります。JavaScriptSNSでもご購読できます。TwitterでフォローするFeedlyでフォローするふっくんふっくんです。*メールアドレス(公開はされません。コメントデータの処理方法の詳細はこちらをご覧ください。