드롭 다운 메뉴에서 옵션을 선택하기 JQuery와

해결법

1.드롭 다운 옵션을 보려면 당신은 아마 이런 식으로 뭔가를 원하는 :

드롭 다운 옵션을 보려면 당신은 아마 이런 식으로 뭔가를 원하는 :
```
var conceptName = $('#aioConceptName').find(":selected").text();
```
옵션을 클릭하면 드롭 다운의 값을 변경하지 않기 때문에 트릭을하지 않는 이유는 발은 ()입니다 - 그냥 추가 : 드롭의 자식 선택된 옵션 선택 속성을.
2.각 옵션에 대한 값을 설정

각 옵션에 대한 값을 설정
```
<select id="aioConceptName">
    <option value="0">choose io</option>
    <option value="1">roma</option>
    <option value="2">totti</option>
</select>
```
() .val가 값 속성을 반환하기 때문에 $ ( '# aioConceptName이'). 발 () 일을하지 않았다. 제대로 작동하도록하려면 값 속성은 각 <옵션>에 설정해야합니다.

지금 당신은 ( '# aioConceptName') $를 호출 할 수 있습니다 발 () 대신이 모든의 :. 선택 부두는 다른 사람에 의해 제안된다.
3.나는이 질문을 우연히 발견하고 엘리엇 보너 빌의 대답은 더 간결 버전을 개발 :

나는이 질문을 우연히 발견하고 엘리엇 보너 빌의 대답은 더 간결 버전을 개발 :
```
var conceptName = $('#aioConceptName :selected').text();
```
또는 일반적으로 :
```
$('#id :pseudoclass')
```
이것은 당신에게 여분의 jQuery를 호출을 저장 한 번에 모든 것을 선택하고, (내 생각) 더 분명하다.

4.값이 시도 ...

값이 시도 ...

$("select#id_of_select_element option").filter(":selected").val();

또는 텍스트이 ...

$("select#id_of_select_element option").filter(":selected").text();

5.당신이 이벤트 컨텍스트에있는 경우, jQuery를, 당신은 사용하여 선택된 옵션 요소를 검색 할 수 있습니다 : $ (이) .find ( '옵션 : 선택')이 같은 :

당신이 이벤트 컨텍스트에있는 경우, jQuery를, 당신은 사용하여 선택된 옵션 요소를 검색 할 수 있습니다 : $ (이) .find ( '옵션 : 선택')이 같은 :
```
$('dropdown_selector').change(function() {
    //Use $option (with the "$") to see that the variable is a jQuery object
    var $option = $(this).find('option:selected');
    //Added with the EDIT
    var value = $option.val();//to get content of "value" attrib
    var text = $option.text();//to get <option>Text</option> content
});
```
편집하다

"옵션"을 선택을 선택하는 방법 : PossessWithin에서 언급 한 바와 같이, 내 대답은 질문에 대답합니다.

다음, 옵션 값을 얻기 위해, option.val ()를 사용합니다.
6.당신은 평범한 구식 자바 스크립트를 사용하여 생각 해 봤나?

당신은 평범한 구식 자바 스크립트를 사용하여 생각 해 봤나?
```
var box = document.getElementById('aioConceptName');

conceptName = box.options[box.selectedIndex].text;
```
또한 자바 스크립트와 옵션 텍스트 / 값 얻기를 참조하십시오

7.

$('#aioConceptName option:selected').val();

8.선별의 값 (텍스트가 아닌)를 읽기 :

선별의 값 (텍스트가 아닌)를 읽기 :
```
var status = $("#Status").val();
var status = $("#Status")[0].value;
var status = $('#Status option:selected').val();
```
어떻게 선택을 해제하려면? 두 변종에 값을 사용하여 변경할 수 있습니다 :

ㅏ

사용자는 드롭 다운과 상호 작용할 수 없습니다. 그리고 그는 다른 옵션의 힘이 존재하는 것을 알 수 없습니다.
```
$('#Status').prop('disabled', true);
```
비

사용자는 드롭 다운의 옵션을 볼 수 있지만 모두 사용할 수 없습니다 :
```
$('#Status option').attr('disabled', true);
```
이 경우, $ ( "# 상태")에서. 발 () 1.9.0 이상 jQuery를 버전 만 일이 작은 것입니다. 다른 모든 변종 작동합니다.

어떻게 비활성화 된 선택을 업데이트?

코드에서 당신은 여전히 당신의 선택의 값을 업데이트 할 수 있습니다 뒤에. 그것은 사용자 만 사용할 수 없습니다 :
```
$("#Status").val(2);
```
경우에 따라 화재 이벤트에해야 할 수도 있습니다 :
```
$("#Status").val(2).change();
```

9.

<select id="form-s" multiple="multiple">
    <option selected>city1</option>
    <option selected value="c2">city2</option>
    <option value="c3">city3</option>
</select>   
<select id="aioConceptName">
    <option value="s1" selected >choose io</option>
    <option value="s2">roma </option>
    <option value="s3">totti</option>
</select>
<select id="test">
    <option value="s4">paloma</option>
    <option value="s5" selected >foo</option>
    <option value="s6">bar</option>
</select>
<script>
$('select').change(function() {
    var a=$(':selected').text(); // "city1city2choose iofoo"
    var b=$(':selected').val();  // "city1" - selects just first query !
    //but..
    var c=$(':selected').map(function(){ // ["city1","city2","choose io","foo"]
        return $(this).text();
    }); 
    var d=$(':selected').map(function(){ // ["city1","c2","s1","s5"]
        return $(this).val();
    });
    console.log(a,b,c,d);
});
</script>

10.이 구문을 사용한다 :

이 구문을 사용한다 :
```
var value = $('#Id :selected').val();
```
따라서이 코드를 시도 :
```
var values = $('#aioConceptName :selected').val();
```
당신이 바이올린에서 테스트 할 수 있습니다 http://jsfiddle.net/PJT6r/9/

이 게시물이 답변에 대한 참조
11.jQuery를 사용하여, 단지 변경 이벤트를 추가하고 그 핸들러 내에서 값이나 텍스트를 선택하세요.

jQuery를 사용하여, 단지 변경 이벤트를 추가하고 그 핸들러 내에서 값이나 텍스트를 선택하세요.

당신이 선택한 텍스트를해야하는 경우,이 코드를 사용하십시오 :
```
$("#aioConceptName").change(function () {
    alert($("#aioConceptName :selected").text())
});
```
또는 사용자가 선택한 값을 필요로하는 경우,이 코드를 사용하십시오 :
```
$("#aioConceptName").change(function () {
    alert($("#aioConceptName :selected").attr('value'))
});
```
12.또한, 선택 요소의 jQuery.val () 함수를 사용합니다 :

또한, 선택 요소의 jQuery.val () 함수를 사용합니다 :

() {(기능 $ $ ( "# aioConceptName"). ( "변화", 기능에 대한 () { $ ( "# 디버그") 텍스트 ($ ( "# aioConceptName") 발 ().).; .}) 트리거 ( "변경"); }); <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">

복붙노트

[JQUERY] 드롭 다운 메뉴에서 옵션을 선택하기 JQuery와

드롭 다운 메뉴에서 옵션을 선택하기 JQuery와

해결법

1.드롭 다운 옵션을 보려면 당신은 아마 이런 식으로 뭔가를 원하는 :

2.각 옵션에 대한 값을 설정

3.나는이 질문을 우연히 발견하고 엘리엇 보너 빌의 대답은 더 간결 버전을 개발 :

4.값이 시도 ...

5.당신이 이벤트 컨텍스트에있는 경우, jQuery를, 당신은 사용하여 선택된 옵션 요소를 검색 할 수 있습니다 : $ (이) .find ( '옵션 : 선택')이 같은 :

6.당신은 평범한 구식 자바 스크립트를 사용하여 생각 해 봤나?

7.

8.선별의 값 (텍스트가 아닌)를 읽기 :

9.

10.이 구문을 사용한다 :

11.jQuery를 사용하여, 단지 변경 이벤트를 추가하고 그 핸들러 내에서 값이나 텍스트를 선택하세요.

12.또한, 선택 요소의 jQuery.val () 함수를 사용합니다 :

카테고리

태그목록

최근에 올라온 글

티스토리툴바