jQuery Multiple Select

여러 개의 선택 HTML 요소가 있습니다. 나는 선택이 여러에서 하나의 옵션이로 클릭 할 때 캡처 다음 jQuery를 사용하고jQuery Multiple Select

<select multiple="multiple" id="mult_sel"> 
    <option value="1">Dog</option> 
    <option value="2">Cat</option> 
</select>

이 이벤트는 예상 트리거로

$('#mult_sel').click(function(v){ 
    console.log(v); 
});

그러나, 아니에요 다중 선택 필드에 대해 클릭 된 단일 옵션의 값과 텍스트 값을 가져 오는 방법.

감사합니다. 이

출처

2013-12-12 ossys

가 .val()을 반환

$('#mult_sel option').click(function(){ 
    alert('the value ' $(this).val()); //for get the value 
    alert('the text' $(this).text()); //for get the text 
});

시도 값을 입력하고 .text()은 선택한 옵션의 텍스트를 반환합니다.

Jsfiddle

출처

2013-12-12 00:55:29

감사합니다! 나는 $ (this) .value() 대신 $ (this) .val() ... doh를 사용했다. – ossys

'this.value'와'this.text'를 사용할 수도 있습니다. 그렇게 짧고 빠릅니다. – user2736012

jsfiddle

$('#mult_sel').click(function(event){ 
    // event.originalEvent.srcElement isn't fully supported 
    console.log(e.target); 
});

나중에 :-) (그것이 [옵션]인지 확인합니까 또는 [선택] 요소) 갈

출처

2013-12-12 00:54:03 DoXicK

사용'e.target' 대신'event.originalEvent.srcElement'를 (여러 특성으로 선언에 기억). '.srcElement'는 비표준 IE 구조입니다. – user2736012

@ user2736012 좋은 통화, editted! – DoXicK

시도는 GitHub에서 코드를 다운로드하고 프로젝트에 dist 디렉토리를 복사해야합니다 선택 2 JQuery와

를 사용합니다.

HTML의 <head> 섹션에 다음 코드 줄을 포함하십시오. 당신이 그것을 여러 선택 상자를 만들려는 <select> 요소

<link href="../css/select2.min.css" rel="stylesheet" /> 
<script src="../js/select2.min.js"></script>

초기화 선택 2.

<script type="text/javascript"> 
    $('#select2-multiple').select2(); 
</script>

예제 코드는

<select class="select2-multiple" multiple="multiple"> 
    <option value="WWL">Wong Wai Ling</option> 
    <option value="AE">Alessia Enzler</option> 
    <option value="ASL">A-Young SON LAuren</option> 
</select>

출처

2015-03-09 21:44:12 wenhao

jQuery Multiple Select

답변

관련 문제