[jquery] jQuery는 select onChange의 가치를 얻습니다.

Program / 글쓴이

나는 이것을 $(this).val();하고 onchange선택 필드에 매개 변수를 적용하여 선택 입력의 값을 얻을 수 있다는 인상을 받았습니다 .

ID를 참조하는 경우에만 작동하는 것으로 보입니다.

이것을 사용하여 어떻게합니까?

답변

이 시도-

$('select').on('change', function() {
  alert( this.value );
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select>
    <option value="1">One</option>
    <option value="2">Two</option>
</select>

스 니펫 확장

onchange 이벤트를 참조 할 수도 있습니다.

function getval(sel)
{
    alert(sel.value);
}
<select onchange="getval(this);">
    <option value="1">One</option>
    <option value="2">Two</option>
</select>

스 니펫 확장

답변

이 $ (this) .val ();을 수행하여 선택 입력의 값을 얻을 수 있다는 인상을 받았습니다.

눈에 잘 띄지 않는 구독 (권장되는 접근 방식) 인 경우 작동합니다.

$('#id_of_field').change(function() {
    // $(this).val() will work here
});

onselect스크립트와 함께 마크 업 을 사용 하고 혼합하는 경우 현재 요소에 대한 참조를 전달해야합니다.

onselect="foo(this);"

그리고:

function foo(element) {
    // $(element).val() will give you what you are looking for
}

답변

이것은 나를 위해 도움이됩니다.

선택 :

$('select_tags').on('change', function() {
    alert( $(this).find(":selected").val() );
});

라디오 / 체크 박스 :

$('radio_tags').on('change', function() {
    alert( $(this).find(":checked").val() );
});

답변

이벤트 위임 방법을 사용해보십시오. 이것은 거의 모든 경우에 작동합니다.

$(document.body).on('change',"#selectID",function (e) {
   //doStuff
   var optVal= $("#selectID option:selected").val();
});

답변

이것을 시도 할 수 있습니다 ( jQuery 사용 )

$('select').on('change', function()
{
    alert( this.value );
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

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

스 니펫 확장

또는 다음과 같은 간단한 자바 스크립트를 사용할 수 있습니다.

function getNewVal(item)
{
    alert(item.value);
}
<select onchange="getNewVal(this);">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
</select>

스 니펫 확장

답변

$('#select_id').on('change', function()
{
    alert(this.value); //or alert($(this).val());
});



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

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

답변

화살표 기능은 기능과 다른 범위를 가지며, 화살표 기능에 대해
this.value정의되지 않습니다. 사용을 수정하려면

$('select').on('change',(event) => {
     alert( event.target.value );
 });