선택한 Jquery 플러그인-선택한 값 가져 오기

선택한 Jquery 플러그인-선택한 값 가져 오기

---

선택한 다중 선택 상자에서 선택한 값을 어떻게 가져올 수 있습니까?

---

일반 입력 / 선택 / 등에서와 같이 ... :

$("form.my-form .chosen-select").val()

---

$("#select-id").chosen().val()

---

이것은 나를 위해 일했습니다.

$(".chzn-select").chosen({

     disable_search_threshold: 10

}).change(function(event){

     if(event.target == this){
        alert($(this).val());
     }

});

---

$("#select-id").chosen().val()

이것이 정답입니다. 제가 시도한 결과 전달 된 값은 ","로 구분 된 값입니다.

---

옵션을 클릭 할 때 선택한 값만 얻으려면 다음을 수행 할 수 있습니다.

$('.chosen-select').on('change', function(evt, params) {
    var selectedValue = params.selected;
    console.log(selectedValue);
});

---

2016 년부터는 이미 제공된 답변보다 더 간단하게이 작업을 수행 할 수 있습니다.

$('#myChosenBox').val();

여기서 "myChosenBox"는 원래 선택 입력의 ID입니다. 또는 변경 이벤트에서 :

$('#myChosenBox').on('change', function(e, params) {
    alert(e.target.value); // OR
    alert(this.value); // OR
    alert(params.selected); // also in Panagiotis Kousaris' answer
}

에서 선택받은의 문서 이벤트를 트리거에 페이지 하단 섹션에, 그것은 "선택된 원래 선택 필드에서 표준 및 사용자 정의 이벤트의 수를 트리거합니다."라고 이러한 표준 이벤트 중 하나는 변경 이벤트이므로 표준 선택 입력에서와 동일한 방식으로 사용할 수 있습니다. 원하지 않는 경우 Chosen의 적용된 클래스를 선택기로 사용하는 것을 망칠 필요가 없습니다. ( change이벤트의 경우입니다. 다른 이벤트는 종종 다른 문제입니다.)

---

선택한 옵션의 텍스트를 얻으려는 경우 (선택한 값 표시 가져 오기 선택)

 $("#select-id").chosen().find("option:selected" ).text();

---

이 솔루션은 저에게 효과적이었습니다.

var ar = [];
$('#id option:selected').each(function(index,valor){
    ar.push(valor.value);
});
console.log(ar);

<option>해당 value속성이있는 태그가 있어야합니다 . 도움이 되었기를 바랍니다.

---

Chosen이 원본의 ID를 select새로 만든 ID로 복사 div하여 현재 페이지에 동일한 (현재 고유하지 않은) ID의 2 개 요소를 남기기 때문에 ID로 타겟팅 할 때 문제가 발생한다고 생각합니다 .

Chosen by ID를 타겟팅 할 때 다음과 관련된 선택기를 사용하세요 select.

$( 'select#yourID' ).on( 'change', function() {
    console.log( $( this ).val() );
} );

...대신에...

$( '#yourID' ).on( 'change', function() {
    console.log( $( this ).val() );
} );

Chosen select은 다중 모드에서도 선택한 항목을 원래 (현재 숨겨진) 요소로 다시 미러링하기 때문에 작동 합니다.

(또한 응용 프로그램에서 다른 방향으로 이동하기로 결정한 경우 등 선택 여부에 관계없이 계속 작동합니다.)

참고 URL : https://stackoverflow.com/questions/10521315/chosen-jquery-plugin-getting-selected-values