2013-03-31 2 views
1

나는 에릭 Hynds '다중 선택 컨트롤을 사용하고있다 "getChecked" 제어 내가하려고 할 때를 제외하고, 확인 작업 및 값의 .val을받을 것으로 보인다 http://www.erichynds.com/blog/jquery-ui-multiselect-widgetjQuery를 다중 선택 .val() 일치와 함께

() 메소드가 모든 체크 된 아이템을 제공하지는 않는다 - 오직 선택된리스트에서 하나의 아이템 만 제공한다. ..

내가의 더 이상 양식을 사용하는 데 필요한 모든 항목을 얻으려면 : VAR 값 = $ ("#의 retailersSelect") 다중 선택 ("getChecked")지도 (함수() {this.value를 반환;}).도망();

.val()이 나에게 결과 배열을 제공하지 않는 이유는 무엇입니까?

전체 HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
<head> 
    <title>Test Page</title> 
    <link href="/css/redmond/jquery-ui-1.10.2.custom.css" rel="stylesheet" type="text/css" /> 
    <link href="/css/jquery.multiselect.css" rel="stylesheet" type="text/css" /> 
    <script type="text/javascript" src="/js/jquery-1.9.1.js"></script> 
    <script type="text/javascript" src="/js/jquery-ui-1.10.2.custom.js"></script> 
    <script type="text/javascript" src="/js/jquery.multiselect.js"></script> 
</head> 
<body> 
    <form action="test.htm" method="post"> 
     <div id="main"> 

      <select id="retailersSelect"> 
       <option value=""></option> 
       <option value="1">1</option> 
       <option value="2">2</option> 
       <option value="3">3</option> 
       <option value="4">4</option> 
      </select> 

      <br /> 
      <input type="button" id="ExecuteReportButton" value="Butt" /> 

      <script type="text/javascript"> 
       $(function() { 

        //set up the multi selects 
        $("#retailersSelect").multiselect({ 
         selectedList: 3, // 0-based index 
         header: false, 
         noneSelectedText: "Select a retailer" 
        }); 

        $("#ExecuteReportButton").click(function() { 
         var values = $("#retailersSelect").multiselect("getChecked").map(function() { 
          return this.value; 
         }).get(); 
         alert(values); //GIVES ME THE FULL ARRAY - NICE! 

         var values2 = $("#retailersSelect").val(); 
         alert(values2); //ONLY GIVES ME A SINGLE ITEM - :(

         return false; 
        }); 
       }) 
      </script> 
     </div> 
    </form> 
</body> 
</html> 

답변

2

당신은 당신의 마크 업에서 매우 중요한 일을 잊어 버렸습니다. select에 실제로 여러 값을 허용하도록 설정하지 않았습니다.

+0

오우 .. 이걸 추적하려고 보낸 시간. 고맙습니다! – PMac

관련 문제