ユーザ用ツール

サイト用ツール


プログラム言語:javascript_jquery:bootstrap:セレクトボックス

差分

このページの2つのバージョン間の差分を表示します。

この比較画面にリンクする

次のリビジョン
前のリビジョン
プログラム言語:javascript_jquery:bootstrap:セレクトボックス [2019/03/20 11:42]
yusuke_komori 作成
プログラム言語:javascript_jquery:bootstrap:セレクトボックス [2019/04/04 17:25] (現在)
yusuke_komori
行 1: 行 1:
-====== 【Bootstrap】セレクトボックスの操作 ====== +====== 【Bootstrap】セレクトボックスの操作後、selectpicker への反映 ====== 
-セレクトボックスの値やオプションなどを変更後、Bootstrapで作られたdivタグにも反映するには **selectpicker('refresh')** を使う。+セレクトボックスの値やオプションなどを変更後、Bootstrap の selectpicker で作られた div タグにも反映するには **selectpicker('refresh')** を使う。
 <code|オプションを差し替える例> <code|オプションを差し替える例>
 <select name="type"> <select name="type">
行 22: 行 22:
   $('[name="type"]').on('change', function(){   $('[name="type"]').on('change', function(){
     // keyがtype、valueがnumberの最小値     // keyがtype、valueがnumberの最小値
-    var number_min = {1:1, 10:10, 20:20}; +    let number_min = {1:1, 10:10, 20:20}; 
-    var type = $('[name="type"] option:selected').val(); +    let type = $('[name="type"] option:selected').val(); 
-    var number = $('[name="number"] option:selected').val();+    let number = $('[name="number"] option:selected').val();
  
     if (number_min[type] == null) {     if (number_min[type] == null) {
プログラム言語/javascript_jquery/bootstrap/セレクトボックス.1553049742.txt.gz · 最終更新: 2019/03/20 11:42 by yusuke_komori