JAVASCRIPT 멀티 select2 on bootstrap

<link rel=”stylesheet” href=”/css/select2.min.css”>

//// 실행 --------------------------------------------------------------------------------

<select class=”form-control select2 select2-hidden-accessible” disabled id=”TM_PERIOD” name=”TM_PERIOD” multiple=”” data-placeholder=”select the time” style=”width: 300px;” tabindex=”-1″ aria-hidden=”true”>

<option value=”A” >전체</option>

<option value=”01″ >01~02</option>

<option value=”02″ >02~03</option>

<option value=”03″ >03~04</option>

</select>

<script>

$(function(){

//Initialize Select2 Elements

$(‘.select2’).select2()

});

</script>

<script src=”/js/select2.full.min.js” ></script>

//// 실행 전달  --------------------------------------------------------------------------------

<input type=text id=”final_show_tm_arr” name=”final_show_tm_arr”>

<script>

 var ARR_ALL_SHOWTM  = new Array ;

 var ARR_EACH_SHOWTM = new Array ;

 var CHK_ALL = 0 ;

 $.makeArray($(“li”).map(function(){

 var liMap = $(this).attr(“title”) ;

 if(typeof liMap == “undefined”){

 }

 else

 {

 if( liMap == ‘전체’ )

 {

    $(“#TM_PERIOD option”).each  ( function() 

    {

  if( $(this).val() !=”A” )

  {

  // console.log(“all option :”+$(this).val());

  ARR_ALL_SHOWTM.push ( $(this).val() );

  }

    });

 CHK_ALL++;

 return false;

 }

 else

 {

 ARR_EACH_SHOWTM.push(liMap.substring( 0, 2 ));

 // console.log(“select option without A :”+liMap.substring( 0, 2 ));

 }

 }

}));

$(“#final_show_tm_arr”).val(ARR_EACH_SHOWTM);

</script>

/// 데이터베이스에서 나온것을 다시 적용 -----------------------------------------------

<script>

var INVENSTR = “01,02,03”;

if(INVENSTR)

{

function sliceFn(val)

{

var str = val ;

str = “00” + str ;

str = str.slice(-2);

return str;

}

var invenVal = INVENSTR ;

var arr = invenVal.split(“,”);

var arr_val = 0 ;

var arr_val_add = 0 ;

var inputarr = “” ;

var inputarrX = [] ;

var inputarrY = new Array;

var val_sum = “”;

$.each(arr, function(i, obj)

{

inputarrY.push(arr[i]);

arr_val = arr[i] * 1 ;

inputarrX.push(arr_val);

})

if( inputarrX.length == 3 ) 

{

var $PeriodMulti = $(“.select2-hidden-accessible”).select2();

$PeriodMulti.val([“A”]).trigger(“change”);

}

else

{

var $PeriodMulti = $(“.select2-hidden-accessible”).select2();

$PeriodMulti.val(inputarrY).trigger(“change”);

}

}

</script>

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다