<div class="dropdown"> <button class="btn btn-secondary dropdown-toggle" id="gender" type="button" data-toggle="dropdown"> 性別 </button> <div class="dropdown-menu"> <button class="dropdown-item" value="male">男性</button> <button class="dropdown-item" value="female">女性</button> </div> </div> $(function () { $('.dropdown-menu .dropdown-item').click(function () { var visibleItem = $('.dropdown-toggle',
![BootstrapでValueつきDropdown - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/79a3b68e9c10ccbb32d29463e5c7da39eac59b28/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9Qm9vdHN0cmFwJUUzJTgxJUE3VmFsdWUlRTMlODElQTQlRTMlODElOEREcm9wZG93biZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NGM3ZGI2NTRjNmI2NzI0YzhjMWQ2ZTdhNzc4YTIzYjU%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTcxNiZ0eHQ9JTQwbmFvdGlraSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTMyJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9N2Y3NGRlZTU0M2I4MzY5NmM2MDA0OWVkOWEyZDY1ZGY%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D25910090ce27ac8a8c8113cc2945a1fa)