2016-07-18 4 views
2

이 질문에 값을 선택하기는 특별히 내가 Select2 드롭 다운의 선택 Value 어떻게합니까 Select2 v4선택 2 v4의

쪽으로 목표로?

jQuery('#Dropdown').val() 

jQuery('#Dropdown').select2().val() 

을하고도 나에게 선택된 요소의 값을 제공하는 것 :

나는 다음과 같은 노력했다. 이 코드를 실행할 때 선택된 항목이 있는지 확인했습니다.

+1

같은 요소의 배열입니다? 선택 항목에는 옵션이 있으며 각 옵션에는 값과 제목이 있습니다. 가치를 의미 했습니까? – Shrike

+0

@Shrike 나는 – Zapnologica

답변

2

select2는 선택한 옵션 속성 값을 가져 오는 직접적인 방법을 제공하지 않습니다. 좁혀 할 수

jQuery('#Dropdown').select2().find(":selected").attr("id"); 

가 :

jQuery("#Dropdown :selected").attr("id"); 
+2

> jQuery ('# Dropdown')이라고 생각한다. select2() - 나는 그것이 정확하지 않다고 생각한다. 그것은 새로운 인스턴스를 초기화 할 것이다. – Shrike

0

당신은 선택이있는 경우 : 당신은 선택 2에서 선택한 옵션 요소를 가져온 다음의 속성 ID를 찾을 필요가

<select class="select2-hidden-accessible" data-placeholder="Select a value" tabindex="-1" aria-hidden="true"> 
    <option></option> 
    <option value="1">Option 1</option> 
</select> 

및 "옵션 1"항목이 선택됩니다.

var $select = $(".select2").parent().find("select"); // it's <select> element 
var value = $select.val(); 

그런 다음 $select.val() 당신을위한 "1"값을 반환합니다.

1

이 시도 :

$('#Dropdown').select2('data')[0].text; 
0

을 당신이 정말로 관심이 모두가 당신의 가치와 동일한 id 값을 설정하지 왜 ID가 가치와하지에있는 경우 - 각 값 어쨌든 고유 때문이다. ID를 반환

jQuery('#Dropdown').val() 

을하지만, 우리의 ID가 값과 동일하기 때문에 우리는 가치를 추가 처리를 위해 사용 -

그런 다음 당신은 간단하게 할 수 있습니다. 선택의 나

참고는 입력 -

<input class="text" type="text" name="select" id="select"> 
$("#select").select2({ 
    data : dataSet 
}); 

및 데이터 세트 선택한 요소의 ID 무엇을 의미합니까

[ 
{id: "value1", text: "value1"}, 
{id: "value2", text: "value1", selected: "selected"} 
]