나는 이것을 $(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 );
});