[JQUERY] 어떻게 jQuery를 사용하여 여러 선택 상자의 값을 얻으려면?

어떻게 jQuery를 사용하여 여러 선택 상자의 값을 얻으려면?

해결법

1. ---

   1.jQuery를 .val ()

   jQuery를 .val ()

     var foo = $('#multiple').val(); 
   

2. ---

   2.다중 선택리스트에 .val () 함수를 사용하여 선택된 값들의 어레이를 리턴한다 :

   다중 선택리스트에 .val () 함수를 사용하여 선택된 값들의 어레이를 리턴한다 :

   var selectedValues = $('#multipleSelect').val();
   

   당신의 HTML에서 :

   <select id="multipleSelect" multiple="multiple">
       <option value="1">Text 1</option>
       <option value="2">Text 2</option>
       <option value="3">Text 3</option>
   </select>
   

3. ---

   3.또한 JS 기능지도를 사용할 수 있습니다 :

   또한 JS 기능지도를 사용할 수 있습니다 :

   $("#multipleSelect :selected").map(function(i, el) {
       return $(el).val();
   }).get();
   

   그리고 당신은 옵션 요소의 모든 속성을 얻을 수 있습니다 :

   return $(el).text();
   return $(el).data("mydata");
   return $(el).prop("disabled");
   etc...
   

4. ---

   4.

   var selected=[];
    $('#multipleSelect :selected').each(function(){
        selected[$(this).val()]=$(this).text();
       });
   console.log(selected);
   

   그러나이 문제에 대한 또 다른 접근 방식. 선택한 배열의 값으로 텍스트를해야합니다 옵션 값과 각 배열 항목으로 인덱스를해야합니다.

   예를 들면

   <select id="multipleSelect" multiple="multiple">
       <option value="abc">Text 1</option>
       <option value="def">Text 2</option>
       <option value="ghi">Text 3</option>
   </select>
   

   경우 말 옵션 1과 2가 선택됩니다.

   선택된 배열 될 것이다 :

   selected['abc']=1; 
   selected['def']=2.
   

5. ---

   5.그냥 하나 개의 라인 -에 의해

   그냥 하나 개의 라인 -에 의해

   var select_button_text = $('#SelectQButton option:selected')
                   .toArray().map(item => item.text);
   

   출력 : [ "텍스트 1", "텍스트 2"]

   var select_button_text = $('#SelectQButton option:selected')
                   .toArray().map(item => item.value);
   

   출력 : [ "값 1", "값 2"]

   당신은 () .join 사용하는 경우

   var select_button_text = $('#SelectQButton option:selected')
                   .toArray().map(item => item.text).join();
   

   출력 : 텍스트 1, 텍스트 2, 텍스트 3

6. ---

   6.HTML 코드 :

   HTML 코드 :

    <select id="multiple" multiple="multiple" name="multiple">
     <option value=""> -- Select -- </option>
     <option value="1">Opt1</option>
     <option value="2">Opt2</option>
     <option value="3">Opt3</option>
     <option value="4">Opt4</option>
     <option value="5">Opt5</option>
    </select>   
   

   JQuery와 코드 :

   $('#multiple :selected').each(function(i, sel){ 
       alert( $(sel).val() ); 
   
   });
   

   그것이 작동하는 희망

7. ---

   7.이것을 사용 단지

   이것을 사용 단지

   $('#multipleSelect').change(function() {
       var selectedValues = $(this).val();  
   });
   

8. ---

   8.콤마 구분에서 선택된 값을 가져

   콤마 구분에서 선택된 값을 가져

   var Accessids = "";
   $(".multi_select .btn-group>ul>li input:checked").each(function(i,obj)
   {
       Accessids=Accessids+$(obj).val()+",";
   });
   Accessids = Accessids.substring(0,Accessids.length - 1);
   console.log(Accessids);
   

from https://stackoverflow.com/questions/3243476/how-to-get-multiple-select-box-values-using-jquery by cc-by-sa and MIT license